import React from 'react'; import Document, { DocumentContext, DocumentProps, DocumentInitialProps, Html, Head, Main, NextScript, } from 'next/document'; import { THEME_STORAGE_KEY } from '@common/constants'; import { extractCritical } from '@emotion/server'; import { MdxOverrides } from '@components/mdx/overrides'; import { ColorModes } from '@components/color-modes/styles'; import { ProgressBarStyles } from '@components/progress-bar'; export default class MyDocument extends Document { static async getInitialProps(ctx: DocumentContext): Promise { const page = await ctx.renderPage(); const styles = extractCritical(page.html); return { ...page, styles: ( <> {MdxOverrides} {ProgressBarStyles} {ColorModes}