document.body.dataset.theme가 undefined일 때 에러 발생하는 문제 해결 (09.28)

seoko97 · Sep 27, 2023 · 169e7b5 · 169e7b5
2 parents 79f2ba4 + 89f20ba
commit 169e7b5
Showing 1 changed file with 3 additions and 7 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -86,22 +86,18 @@ const RootLayout = ({ children }: { children: React.ReactNode }) => {
     document.body.dataset.theme = colorMode;
   }
 
-  function ThemeScript() {
-    const stringifyFn = String(setBodyDatasetByTheme);
+  const stringifyFn = String(setBodyDatasetByTheme);
 
-    const fnToRunOnClient = `(${stringifyFn})()`;
-
-    return <script dangerouslySetInnerHTML={{ __html: fnToRunOnClient }} />;
-  }
+  const fnToRunOnClient = `(${stringifyFn})()`;
 
   return (
     <html lang="ko">
       <head>
         <meta name="google-site-verification" content={GOOGLE_SITE_VERIFICATION} />
       </head>
       <body suppressHydrationWarning={true}>
+        <script dangerouslySetInnerHTML={{ __html: fnToRunOnClient }} />
         <Analytics />
-        <ThemeScript />
         <div className="relative min-h-screen w-full bg-primary pb-36 transition-[background-color]">
           <Providers>
             <Hydrate>