Компонент загрузки Shopify - ошибка компонента загрузки состояния приложения

Question

Пытаясь добавить компонент загрузки в это приложение, когда состояние приложения загружается, все, что я получаю, это «Не удалось загрузить ресурс: сервер ответил статусом 500 ()».

      class MyApp extends App {
  isTheAppLoading() {
    return true;
  }
  render() {
    const { Component, pageProps, shopOrigin } = this.props;

    const client = new ApolloClient({
      fetch: fetch,
      fetchOptions: {
        credentials: "include",
      },
    });
    const loading = isTheAppLoading();
    const loadingComponent = loading ? <Loading /> : null;

    return (
      <AppProvider i18n={translations}>
        <Provider
          config={{
            apiKey: API_KEY,
            shopOrigin: shopOrigin,
            forceRedirect: true,
          }}
        >
          {loadingComponent}
          <ApolloProvider client={client}>
            <Component {...pageProps} />
          </ApolloProvider>
        </Provider>
      </AppProvider>
    );
  }
}

MyApp.getInitialProps = async ({ ctx }) => {
  return {
    shopOrigin: ctx.query.shop,
  };
};

export default MyApp;