🎨change: add styled-components-registry in layout.tsx

waktaplay · Dec 16, 2024 · 1b99e39 · 1b99e39
1 parent 61e12fc
commit 1b99e39
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,6 +1,7 @@
-import { Metadata, Viewport } from 'next'
-import { ReactNode } from 'react'
-import "@/styles/globals.css";
+import { Metadata, Viewport } from 'next';
+import { ReactNode } from 'react';
+import '@/styles/globals.css';
+import StyledComponentsRegistry from '@/lib/registry';
 
 export const metadata: Metadata = {
   title: 'SpaceWak',
@@ -17,17 +18,19 @@ export const metadata: Metadata = {
     url: '',
   },
   verification: {},
-}
+};
 
 export const viewport: Viewport = {
   width: 'device-width',
   initialScale: 1,
-}
+};
 
 export default function RootLayout({ children }: { children: ReactNode }) {
   return (
     <html lang="ko">
-      <body>{children}</body>
+      <body>
+        <StyledComponentsRegistry>{children}</StyledComponentsRegistry>
+      </body>
     </html>
-  )
+  );
 }