ed2c379fc7
- use `enhanceApp` so that styled-components used in _app.js are server rendered - call parent getInitialProps, fixes #5629 - return `styles`, making the render() method obsolete. cc @mxstbr @probablyup
16 lines
559 B
JavaScript
16 lines
559 B
JavaScript
import Document from 'next/document'
|
|
import { ServerStyleSheet } from 'styled-components'
|
|
|
|
export default class MyDocument extends Document {
|
|
static async getInitialProps (ctx) {
|
|
const sheet = new ServerStyleSheet()
|
|
|
|
const originalRenderPage = ctx.renderPage
|
|
ctx.renderPage = () => originalRenderPage({
|
|
enhanceApp: App => props => sheet.collectStyles(<App {...props} />)
|
|
})
|
|
|
|
const initialProps = await Document.getInitialProps(ctx)
|
|
return { ...initialProps, styles: [...initialProps.styles, ...sheet.getStyleElement()] }
|
|
}
|
|
}
|