|
@@ -3,40 +3,12 @@ import Document, {
|
|
|
Head,
|
|
|
Main,
|
|
|
NextScript,
|
|
|
- DocumentContext,
|
|
|
} from "next/document";
|
|
|
import { SeoTags } from "src/components/SeoTags";
|
|
|
-import { ServerStyleSheet } from "styled-components";
|
|
|
|
|
|
const isDevelopment = process.env.NODE_ENV === "development";
|
|
|
|
|
|
class MyDocument extends Document {
|
|
|
- static async getInitialProps(ctx: DocumentContext) {
|
|
|
- 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 (
|
|
|
<Html lang="en">
|