656c2ef649
Adds lint rule warning to the Next.js ESLint plugin to disallow `<title>` in `Head` imported from `next/document`.
758 B
758 B
No Title in Document Head
Why This Error Occurred
A <title>
element was defined within the Head
component imported from next/document
, which should only be used for any <head>
code that is common for all pages. Title tags should be defined at the page-level using next/head
.
Possible Ways to Fix It
Within a page or component, import and use next/head
to define a page title:
import Head from 'next/head'
export class Home {
render() {
return (
<div>
<Head>
<title>My page title</title>
</Head>
</div>
)
}
}