apollo_error.js

import { HttpLink } from 'apollo-link-http';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { onError } from 'apollo-link-error'; //add apollo error link
import { ApolloLink } from 'apollo-link'; // add apollo link

const httpLink = new HttpLink({
  uri: 'http://localhost:8080/graphql',
});

const errorLink = onError(({ graphQLErrors, networkError }) => {
  if (graphQLErrors) {
    graphQLErrors.map(({ message, locations, path }) =>
      console.log(
        `[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`,
      ),
    );
  }
  if (networkError) {
    redirect('/error');
  }
});

const client = new ApolloClient({
  link: ApolloLink.from([errorLink, httpLink]), // combine errorLink and httpLink
  cache: new InMemoryCache(),
});