3e51ddb8af
* Run prettier over packages/**/*.js * Run prettier over packages/**/*.ts * Run prettier over examples * Remove tslint * Run prettier over examples * Run prettier over all markdown files * Run prettier over json files
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, 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>
)
}
}