import Document, { Head, Main, NextScript } from "next/document"; import { ServerStyleSheet } from "styled-components"; import getConfig from "next/config"; import React from "react"; import { Colors } from "../consts"; import { SiteTheme } from "../consts/site-theme"; const { publicRuntimeConfig } = getConfig(); interface Props { styleTags: any; } class AppDocument extends Document { static getInitialProps({ renderPage }) { const sheet = new ServerStyleSheet(); const page = renderPage(App => props => sheet.collectStyles() ); const styleTags = sheet.getStyleElement(); return { ...page, styleTags }; } render() { return ( {this.props.styleTags}