/* eslint-disable class-methods-use-this */ /* eslint-disable @typescript-eslint/no-explicit-any */ import React from 'react'; import Document, { DocumentContext, Html, Head, Main, NextScript } from 'next/document'; import { ServerStyleSheet } from 'styled-components'; export default class MyDocument extends Document { public static async getInitialProps(ctx: DocumentContext): Promise { const sheet = new ServerStyleSheet(); const originalRenderPage = ctx.renderPage; try { ctx.renderPage = (): any => originalRenderPage({ enhanceApp: (App) => (props) => sheet.collectStyles(), }); const initialProps = await Document.getInitialProps(ctx); return { ...initialProps, styles: ( <> {initialProps.styles} {sheet.getStyleElement()} ), }; } finally { sheet.seal(); } } public render(): JSX.Element { return (

); } }