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

); } } export default StyledDocument;