with-apollo example needs `import { ApolloProvider } from "@apollo/client/react";`

[AnupamKhosla]

import { ApolloProvider, useQuery } from '@apollo/client';

This seems outdated. We need:

import { ApolloProvider, useQuery } from "@apollo/client/react";

Reference: https://www.apollographql.com/docs/react/get-started#step-3-initialize-apolloclient

[AnupamKhosla]

1. The original issue of apollo/client seems to occur by running npx create-expo --example <Example>, because it seems to update Apollo from 3.4 to the latest 4.0.4 version, which causes the breaking change. If I clone the whole examples repo then it uses Apollo 3.4 which is fine for the import statement used.

2. There seems to be another issue of the api endpoint url redirecting. When it redirects, it seems to turn POST into GET and we lose our json query. I think we need to change the url permanantly in apollo.js file from

https://swapi-graphql.netlify.app/.netlify/functions/index

to

https://swapi-graphql.netlify.app/graphql

3. The api seems to be sending null for many fields, e.g. manufacturers. This causes a runtime error and crashes the app. I think we need null checking operator ?.

{starship.manufacturers.map((manufacturer) => (
          <Text key={manufacturer}>- {manufacturer}</Text>
        ))}