import Document, { Head, Main, NextScript } from 'next/document' import { ServerStyleSheet } from 'styled-components' export default class MyDocument 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}
) } }