ヘッド要素なし

<head>要素の使用を防止します。

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

ページレベルのメタデータを含めるために<head>要素が使用されましたが、これはNext.jsアプリケーションで予期しない動作を引き起こす可能性があります。代わりにNext.jsの組み込みのnext/headコンポーネントを使用してください。

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

<Head />コンポーネントをインポートして使用します

pages/index.js

import Head from 'next/head'
 
function Index() {
  return (
    <>
      <Head>
        <title>My page title</title>
        <meta name="viewport" content="initial-scale=1.0, width=device-width" />
      </Head>
    </>
  )
}
 
export default Index

役立つリンク

next/head