Нет элемента заголовка

Запрещено использование элемента <head>.

Почему возникла эта ошибка

Элемент <head> использовался для включения метаданных на уровне страницы, но это может привести к неожиданному поведению в приложении Next.js. Используйте встроенный компонент Next.js next/head вместо него.

Возможные способы исправить это

Импортируйте и используйте компонент <Head />:

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