fix: adjust ssr styled components

gabrielduete · Nov 3, 2023 · 02bc692 · 02bc692
1 parent c29ed93
commit 02bc692
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/pages/_app.page.tsx b/pages/_app.page.tsx
@@ -1,8 +1,8 @@
 import type { AppProps } from 'next/app'
 import Head from 'next/head'
-import TextsStyle from '~/src/styles/TextsStyle'
 
 import GlobalStyle from '../src/styles/GlobalStyle'
+import TextsStyle from '../src/styles/TextsStyle'
 
 function MyApp({ Component, pageProps }: AppProps) {
   return (

diff --git a/pages/_document.page.js b/pages/_document.page.js
@@ -13,10 +13,14 @@ export default class MyDocument extends Document {
         })
 
       const initialProps = await Document.getInitialProps(ctx)
-
       return {
         ...initialProps,
-        styles: [initialProps.styles, sheet.getStyleElement()],
+        styles: (
+          <>
+            {initialProps.styles}
+            {sheet.getStyleElement()}
+          </>
+        ),
       }
     } finally {
       sheet.seal()