First commit
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
import React from 'react'
|
||||
import Document, {
|
||||
Html, Head, Main, NextScript
|
||||
} from 'next/document'
|
||||
import {ServerStyleSheets} from '@material-ui/core/styles'
|
||||
|
||||
export default class MyDocument extends Document {
|
||||
render() {
|
||||
return (
|
||||
<Html lang='fr' prefix='website: https://ogp.me/ns/website#'>
|
||||
<Head />
|
||||
<body>
|
||||
<Main />
|
||||
<NextScript />
|
||||
</body>
|
||||
</Html>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
MyDocument.getInitialProps = async ctx => {
|
||||
const sheets = new ServerStyleSheets()
|
||||
const originalRenderPage = ctx.renderPage
|
||||
|
||||
ctx.renderPage = () => originalRenderPage({
|
||||
enhanceApp: App => props => sheets.collect(<App {...props} />)
|
||||
})
|
||||
|
||||
const initialProps = await Document.getInitialProps(ctx)
|
||||
|
||||
return {
|
||||
...initialProps,
|
||||
styles: [...React.Children.toArray(initialProps.styles), sheets.getStyleElement()]
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user