Skip to content

Files

Latest commit

 

History

History
41 lines (29 loc) · 849 Bytes

no-duplicate-head.md

File metadata and controls

41 lines (29 loc) · 849 Bytes

Pattern: Duplicate <Head />

Issue: -

Description

More than a single instance of the <Head /> component was used in a single custom document. This can cause unexpected behavior in your application.

Possible Ways to Fix It

Only use a single <Head /> component in your custom document in pages/_document.js.

// pages/_document.js
import Document, { Html, Head, 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

Further Reading