ErrorHandling.js

import { onError } from "@apollo/client/link/error";

const error = onError((error) => {
    const { graphQLErrors, networkError, operation } = error;
    if (graphQLErrors) {
        console.log('GRAPH QL ERROR', graphQLErrors);
        if (!graphQLErrors[0].message) {
            console.log('Something went wrong', graphQLErrors[0].name);
        } else {
            console.log("Error message", graphQLErrors[0].message);
        }
    } else if (networkError) {
        console.log('NETWORK ERROR', networkError);
        // Network issue like data or wifi is off or not connected
        console.log('Something went wrong in network error');
    }
});