diff --git a/apps/website/pages/_app.tsx b/apps/website/pages/_app.tsx index d2f35c8db..fd97164cc 100644 --- a/apps/website/pages/_app.tsx +++ b/apps/website/pages/_app.tsx @@ -10,7 +10,7 @@ import { LinksSectionDetails, LinksSections } from "@/common/pagesList"; import Link from "next/link"; import StatusBadge from "@/common/StatusBadge"; import "../global-styles.css"; -import createCache from "@emotion/cache"; +import createCache, { EmotionCache } from "@emotion/cache"; import { CacheProvider } from "@emotion/react"; type NextPageWithLayout = NextPage & { @@ -18,11 +18,12 @@ type NextPageWithLayout = NextPage & { }; type AppPropsWithLayout = AppProps & { Component: NextPageWithLayout; + emotionCache?: EmotionCache; }; const clientSideEmotionCache = createCache({ key: "css", prepend: true }); -export default function App({ Component, pageProps }: AppPropsWithLayout) { +export default function App({ Component, pageProps, emotionCache = clientSideEmotionCache }: AppPropsWithLayout) { const getLayout = Component.getLayout || ((page) => page); const componentWithLayout = getLayout(); const [filter, setFilter] = useState(""); @@ -47,7 +48,7 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) { }; return ( - +