App.js

import React from 'react';
import { ApolloClient, InMemoryCache, ApolloProvider, HttpLink} from '@apollo/client';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import HomeScreen from './screens/home'
import {AppStateProvider} from './appcontext'
import { REACT_APP_API_KEY,REACT_APP_URL } from '@env'

const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: new HttpLink({   
    uri: REACT_APP_URL, 
    headers: {
      'Accept-Language': "en_US",
      authorization: `Bearer ${REACT_APP_API_KEY}`,
    }, 
  })
});

const Stack = createStackNavigator();

export default function App() {
  return (
    <AppStateProvider>
    <ApolloProvider client={client}>
      <NavigationContainer>
        <Stack.Navigator>
          <Stack.Screen name="Fickle" component={HomeScreen} />
        </Stack.Navigator>
      </NavigationContainer>
    </ApolloProvider>
    </AppStateProvider>
  );
}