jlozovei/_document.js

## _document.js
import { Html, Head, Main, NextScript } from 'next/document';
import { ServerStyleSheet } from 'styled-components';

export default function Document() {
  const getInitialProps = async (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();
    }
  };

  return (
    <Html lang="en">
      <Head />
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  );
}
	import { Html, Head, Main, NextScript } from 'next/document';
	import { ServerStyleSheet } from 'styled-components';

	export default function Document() {
	const getInitialProps = async (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();
	}
	};

	return (
	<Html lang="en">
	<Head />
	<body>
	<Main />
	<NextScript />
	</body>
	</Html>
	);
	}