docs/src/pages/_document.tsx at patch-1 · hmmhmmhm/docs

Repository navigation

import Document, { Head, Html, Main, NextScript } from "next/document";

import { ServerStyleSheet } from "styled-components";

class MyDocument extends Document {

static async getInitialProps(ctx) {

const sheet = new ServerStyleSheet();

const originalRenderPage = ctx.renderPage;

try {

ctx.renderPage = () =>

originalRenderPage({

enhanceApp: App => props => sheet.collectStyles(<App {...props} />),

});

const initialProps = await Document.getInitialProps(ctx);

return {

...initialProps,

styles: (

{initialProps.styles}

{sheet.getStyleElement()}

</>

};

} finally {

sheet.seal();

}

render() {

return (

<body>

</body>

</Html>

);

}

export default MyDocument;