import React from 'react'
import Document, {
Html, Head, Main, NextScript
} from 'next/document'
import ServerStyleSheets from '@mui/styles/ServerStyleSheets'
export default class MyDocument extends Document {
render() {
return (
)
}
}
MyDocument.getInitialProps = async ctx => {
const sheets = new ServerStyleSheets()
const originalRenderPage = ctx.renderPage
ctx.renderPage = () => originalRenderPage({
enhanceApp: App => props => sheets.collect()
})
const initialProps = await Document.getInitialProps(ctx)
return {
...initialProps,
styles: [...React.Children.toArray(initialProps.styles), sheets.getStyleElement()]
}
}