nextjs/no-duplicate-head Correctness
What it does
Prevent duplicate usage of <Head> in `pages/_document.js``.
Why is this bad?
This can cause unexpected behavior in your application.
Examples
Examples of incorrect code for this rule:
jsx
import Document, { Head, Html, Main, NextScript } from "next/document";
class MyDocument extends Document {
static async getInitialProps(ctx) {
}
render() {
return (
<Html>
<Head />
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;Examples of correct code for this rule:
jsx
import Document, { Head, Html, Main, NextScript } from "next/document";
class MyDocument extends Document {
static async getInitialProps(ctx) {
}
render() {
return (
<Html>
<Head />
<body>
<Main />
<NextScript />
</body>
</Html>
);
}
}
export default MyDocument;How to use
To enable this rule in the CLI or using the config file, you can use:
bash
oxlint --deny nextjs/no-duplicate-head --nextjs-pluginjson
{
"plugins": ["nextjs"],
"rules": {
"nextjs/no-duplicate-head": "error"
}
}