mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
1 KiB
1 KiB
<title> should not be used in _document.js's <Head>
Why This Error Occurred
Adding <title> in pages/_document.js will lead to unexpected results with next/head since _document.js is only rendered on the initial pre-render.
Possible Ways to Fix It
Set <title> in pages/_app.js instead:
// pages/_app.js
import App, {Container} from 'next/app'
import Head from 'next/head'
import React from 'react'
export default class MyApp extends App {
static async getInitialProps ({ Component, router, ctx }) {
let pageProps = {}
if (Component.getInitialProps) {
pageProps = await Component.getInitialProps(ctx)
}
return { pageProps }
}
render () {
const { Component, pageProps } = this.props
return (
<Container>
<Head>
<title>My new cool app</title>
</Head>
<Component {...pageProps} />
</Container>
)
}
}