重複したHeadタグの禁止

pages/_document.jsでの<Head>の重複使用を防止します。

このエラーが発生した理由

カスタムドキュメント内で、<Head />コンポーネントの複数のインスタンスが使用されました。これにより、アプリケーションで予期しない動作が発生する可能性があります。

修正する可能性のある方法

pages/_document.jsのカスタムドキュメントでは、<Head />コンポーネントを1つだけ使用してください。

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

役立つリンク

カスタムドキュメント