Shopify x-request-id logger with Apollo

shopifyGraphqlClient.js

import {
  ApolloClient,
  createHttpLink,
  InMemoryCache,
  ApolloLink,
} from "@apollo/client";
import fetch from "cross-fetch";

/**
 * Shopify x-request-id header logger
 *
 * @description When you encounter an error with the Shopify GraphQL API, the only way to get real support is with the corresponding "x-request-id"  header
 *    This "afterware" will log the header to your console.
 */
const headersLogger = new ApolloLink((operation, forward) => {
  return forward(operation).map((data) => {
    const context = operation.getContext();
    const {
      response: { headers },
    } = context;

    console.log(headers["x-request-id"]);

    return data;
  });
});

/**
 *  Create a Admin GraphQL client for the corresponding Shopify shop
 *
 * @param {Shop} shop
 * @param {Object} options
 * @returns {ApolloClient}
 */
export default function getShopifyGraph(shop, options = {}) {
  const httpLink = createHttpLink({
    fetch: fetch,
    uri: `https://${shop.name}/admin/api/2021-07/graphql.json`,
    credentials: "same-origin",
    headers: {
      "Content-Type": "application/json",
      "X-Shopify-Access-Token": shop.accessToken,
    },
  });

  const client = new ApolloClient({
    ssrMode: true,
    link: headersLogger.concat(httpLink),
    cache: new InMemoryCache(),
    defaultOptions: options,
  });

  return client;
}