i18n: Wrap layout in Suspense (martinkr/next-export-i18n#74)

danielhjacobs · danielhjacobs · commit 27c6ef1ba33f · 2025-06-02T14:57:28.000-04:00
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -5,6 +5,7 @@ import { MantineProvider, ColorSchemeScript } from "@mantine/core";
 import { cssResolver, theme } from "@/theme";
 import { Header } from "@/components/header";
 import { FooterSocial } from "@/components/footer";
+import { Suspense } from "react";
 
 export const metadata: Metadata = {
   title: "Ruffle - Flash Emulator",
@@ -41,9 +42,11 @@ export default function RootLayout({
       </head>
       <body>
         <MantineProvider theme={theme} cssVariablesResolver={cssResolver}>
-          <Header />
-          {children}
-          <FooterSocial />
+          <Suspense>
+            <Header />
+            {children}
+            <FooterSocial />
+          </Suspense>
         </MantineProvider>
       </body>
     </html>
