Fix: Suspense error

https://zenn.dev/sasatech/articles/8a1d0c23fb2b2f
Hayao0819 · Feb 23, 2024 · 364dde8 · 364dde8
1 parent 5822608
commit 364dde8
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,7 +2,7 @@ import "@/style/global.css";
 import "@/style/prism.css";
 
 import { Metadata as NextMetadata } from "next";
-import React, { ReactNode } from "react";
+import React, { ReactNode, Suspense } from "react";
 
 import GoogleAnalytics from "@/components/elements/GoogleAnalytics";
 import { genMetaData } from "@/lib/meta";
@@ -13,7 +13,9 @@ export default function RootLayout({ children }: { children: ReactNode }) {
     return (
         <html className="overflow-x-scroll md:overflow-x-auto" lang="ja">
             <head>
-                <GoogleAnalytics />
+                <Suspense>
+                    <GoogleAnalytics />
+                </Suspense>
             </head>
             <body className="overflow-x-hidden overscroll-y-none">{children}</body>
         </html>