import Document, { Head, Main, NextScript } from 'next/document' import { renderToSheetList } from 'fela-dom' import getRenderer from '../fela' export default class MyDocument extends Document { static getInitialProps ({ renderPage }) { const page = renderPage() const renderer = getRenderer() const sheetList = renderToSheetList(renderer) renderer.clear() return { ...page, sheetList } } render () { const styleNodes = this.props.sheetList.map(({ type, media, css }) => (