e8660e8bb9
* [skip ci] tRPC shared package * [skip ci] tRPC shared package - fix * [skip ci] shared package - app sections * [skip ci] segment - implement shared components * [skip ci] extract theme synchronizer * extract components and implement them in apps * cms - extract shared packages * Fix imports * remove urql from peer deps
45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
import "@saleor/macaw-ui/next/style";
|
|
import { trpcClient } from "@/modules/trpc/trpc-client";
|
|
import { AppBridge, AppBridgeProvider } from "@saleor/app-sdk/app-bridge";
|
|
import { RoutePropagator } from "@saleor/app-sdk/app-bridge/next";
|
|
import { GraphQLProvider, NoSSRWrapper, ThemeSynchronizer } from "@saleor/apps-shared";
|
|
import { Box, ThemeProvider } from "@saleor/macaw-ui/next";
|
|
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { AppProps } from "next/app";
|
|
|
|
/**
|
|
* 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;
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
refetchOnWindowFocus: false,
|
|
},
|
|
},
|
|
});
|
|
|
|
function NextApp({ Component, pageProps }: AppProps) {
|
|
return (
|
|
<NoSSRWrapper>
|
|
<AppBridgeProvider appBridgeInstance={appBridgeInstance}>
|
|
<GraphQLProvider>
|
|
<ThemeProvider>
|
|
<ThemeSynchronizer />
|
|
<RoutePropagator />
|
|
<QueryClientProvider client={queryClient}>
|
|
<Box padding={10}>
|
|
<Component {...pageProps} />
|
|
</Box>
|
|
</QueryClientProvider>
|
|
</ThemeProvider>
|
|
</GraphQLProvider>
|
|
</AppBridgeProvider>
|
|
</NoSSRWrapper>
|
|
);
|
|
}
|
|
|
|
export default trpcClient.withTRPC(NextApp);
|