46 lines
1.5 KiB
TypeScript
46 lines
1.5 KiB
TypeScript
import "../styles/globals.css";
|
|
import "@saleor/macaw-ui/next/style";
|
|
import { AppBridge, AppBridgeProvider } from "@saleor/app-sdk/app-bridge";
|
|
import { RoutePropagator } from "@saleor/app-sdk/app-bridge/next";
|
|
import { ThemeProvider } from "@saleor/macaw-ui/next";
|
|
|
|
import { AppProps } from "next/app";
|
|
import { useEffect } from "react";
|
|
|
|
import { ThemeSynchronizer } from "../lib/theme-synchronizer";
|
|
import { trpcClient } from "../modules/trpc/trpc-client";
|
|
import { GraphQLProvider } from "../providers/GraphQLProvider";
|
|
import { NoSSRWrapper } from "@saleor/apps-shared";
|
|
|
|
/**
|
|
* Ensure instance is a singleton.
|
|
* TODO: This is React 18 issue, consider hiding this workaround inside app-sdk
|
|
*/
|
|
export const appBridgeInstance = typeof window !== "undefined" ? new AppBridge() : undefined;
|
|
|
|
function NextApp({ Component, pageProps }: AppProps) {
|
|
/**
|
|
* Configure JSS (used by MacawUI) for SSR. If Macaw is not used, can be removed.
|
|
*/
|
|
useEffect(() => {
|
|
const jssStyles = document.querySelector("#jss-server-side");
|
|
|
|
if (jssStyles) {
|
|
jssStyles?.parentElement?.removeChild(jssStyles);
|
|
}
|
|
}, []);
|
|
|
|
return (
|
|
<NoSSRWrapper>
|
|
<AppBridgeProvider appBridgeInstance={appBridgeInstance}>
|
|
<GraphQLProvider>
|
|
<ThemeProvider>
|
|
<ThemeSynchronizer />
|
|
<RoutePropagator />
|
|
<Component {...pageProps} />
|
|
</ThemeProvider>
|
|
</GraphQLProvider>
|
|
</AppBridgeProvider>
|
|
</NoSSRWrapper>
|
|
);
|
|
}
|