update _document

2022-07-24 22:45:26 +03:00
parent 2e37072703
commit c55c7699c7
1 changed files with 7 additions and 12 deletions
@@ -1,12 +1,12 @@
 import React from "react";
 import Document, {
-  Html, Head, Main, NextScript, DocumentContext, DocumentInitialProps,
+  Html, Head, Main, NextScript, DocumentContext,
 } from "next/document";
 import { ServerStyleSheet } from "styled-components";
 import Favicons from "@components/Favicons";

-export default class MyDocument extends Document<{ styleTags: unknown }> {
-  static getInitialProps = async (ctx: DocumentContext): Promise<DocumentInitialProps> => {
+export default class MyDocument extends Document {
+  static async getInitialProps(ctx: DocumentContext) {
    const sheet = new ServerStyleSheet();
    const originalRenderPage = ctx.renderPage;
    try {
@@ -16,20 +16,15 @@ export default class MyDocument extends Document<{ styleTags: unknown }> {
      const initialProps = await Document.getInitialProps(ctx);
      return {
        ...initialProps,
-        styles: (
-          <>
-            {initialProps.styles}
-            {sheet.getStyleElement()}
-          </>
-        ),
+        styles: [initialProps.styles, sheet.getStyleElement()],
      };
    } finally {
      sheet.seal();
    }
-  };
+  }

  render(): JSX.Element {
-    const { styleTags } = this.props;
+    const { styles } = this.props;
    return (
      <Html lang="fi">
        <Head>
@@ -37,7 +32,7 @@ export default class MyDocument extends Document<{ styleTags: unknown }> {
          <Favicons />
        </Head>
        <body>
-          {styleTags}
+          {styles}
          <Main />
          <NextScript />
        </body>