TypeError: Cannot read property 'product' of null

This issue relates to the use of useClientUnsafe(). The following test affirms the hook matches the client mock when the component is wrapped with the context provider:

https://github.com/thetrevorharmon/gatsby-theme-shopify-manager/blob/4d052a0799f3d163754e45fdbe6512bf553c2f4d/gatsby-theme-shopify-manager/src/hooks/__tests__/useClientUnsafe.test.ts#L6-L9

However the behavior I'm seeing does not seem match the expected result during gatsby build and the build fails unexpectedly.

Here's my config:

{
  resolve: "gatsby-theme-shopify-manager",
  options: {
    shopName: process.env.SHOPIFY_SHOP_NAME,
    accessToken: process.env.SHOPIFY_ACCESS_TOKEN,
  },
},

And an example of how I'm using the hook:

import React, { FC } from "react";
import {
  useAddItemToCart,
  useClientUnsafe,
} from "gatsby-theme-shopify-manager";

const ProductDetails: FC = () => {

  const shopifyClient = useClientUnsafe();
  const confirmAvailability = useCallback(
    (productId) => {
      shopifyClient.product
        .fetch(productId)
        .then(...);
    },
    [shopifyClient.product],
  );

  return <></>
}

I considered using optional chaining (e.g. shopifyClient?.product) but that seems as if it should be unnecessary given the unit test I referenced above. I had the same thing with useCart as well without optional chaining.

Issue does not occur during gatsby develop. Plugin version: 0.1.7. Gatsby version: 2.23.11.

Thanks in advance for your eyes.

thetrevorharmon / gatsby-theme-shopify-manager

TypeError: Cannot read property 'product' of null #67