diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx index 42939ab..9251851 100644 --- a/src/pages/_document.tsx +++ b/src/pages/_document.tsx @@ -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 => { +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 ( @@ -37,7 +32,7 @@ export default class MyDocument extends Document<{ styleTags: unknown }> { - {styleTags} + {styles}