import React from 'react' import { ServerStyleSheet } from 'styled-components'; import Document, { DocumentContext, DocumentInitialProps, Html, Head, Main, NextScript } from 'next/document' export default class MyDocument extends Document { static async getInitialProps( ctx: DocumentContext ): Promise { const sheet = new ServerStyleSheet() const originalRenderPage = ctx.renderPage try { ctx.renderPage = () => originalRenderPage({ enhanceApp: (App) => (props) => sheet.collectStyles(), }) const initialProps = await Document.getInitialProps(ctx) return { ...initialProps, styles: [ <> {initialProps.styles} {sheet.getStyleElement()} , ], } } finally { sheet.seal() } } render() { return (

); } }