📅  最后修改于: 2022-03-11 15:02:07.010000             🧑  作者: Mango
import React from "react"; import Document, { Html, Head, Main, NextScript } from "next/document"; import { ServerStyleSheets } from "@material-ui/core/styles"; class MyDocument extends Document { static async getInitialProps(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 fragment is rendered after the app and page rendering finish. styles: [ ...React.Children.toArray(initialProps.styles), sheets.getStyleElement() ] }; } render() { return ( ); } } export default MyDocument;