Setting Apollo client header dynamically is not working

I am trying to set the header of Apollo client dynamically in React Native 0.62 according official doc, but I am getting error:

TypeError: (0 , _apollo.default) is not a function

This is my apollo.js

import { ApolloClient } from 'apollo-client';
import { createHttpLink } from 'apollo-link-http';
import { setContext } from 'apollo-link-context';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { AsyncStorage } from 'react-native';

const httpLink = createHttpLink({
  uri: 'http://192.168.2.4:8000/api/',
});

const authLink = setContext((_, { headers }) => {
  const token = AsyncStorage.getItem('token');

  return {
    headers: {
      ...headers,
      authorization: token ? `Bearer ${token}` : "",
    }
  }
});

const client = new ApolloClient({
  link: authLink.concat(httpLink),
  cache: new InMemoryCache()
});

export default client; 

[JClackett]

yeah makeApolloClient isnt a function, the file just exports an instance of the apollo client. Just import it as if its a variable.

import client from './app/config/apollo'

export default function App() {
  return (
    <ApolloProvider client={client}>
      <Routes />
    </ApolloProvider>);
}

[JClackett]

Hi @alexakasanjeev yeah exactly, I don’t think the time for getting the token from storage should make a significant difference, I’ve been doing it like this for years 😃