import Document, { Head, Main, NextScript } from "next/document";
import { ServerStyleSheet } from "styled-components";
import JssProvider from "react-jss/lib/JssProvider";
import getPageContext from "../lib/material-ui/getPageContext";
import injectGlobalStyles from "../src/styles/global-styles";
injectGlobalStyles();
const withJssProvider = (App, pageContext, props) => (
);
export default class MyDocument extends Document {
static getInitialProps({ renderPage }) {
const sheet = new ServerStyleSheet(); // for styled-components
const pageContext = getPageContext(); // for material-ui
const page = renderPage(App => props => {
// wrap with JSS provider and pageContext for material-ui
const WrappedApp = withJssProvider(App, pageContext, props);
// collect styles for styled-components
sheet.collectStyles(WrappedApp);
// return the rendered page
return WrappedApp;
});
// for styled-components: styleTags
// for material-ui: pageContext and styles
return {
...page,
styleTags: sheet.getStyleElement(),
pageContext,
styles: (
)
};
}
render() {
return (
{/* Global Site Tag (gtag.js) - Google Analytics */}
bZx Portal
{/* Use minimum-scale=1 to enable GPU rasterization */}
{this.props.styleTags}
);
}
}