Нет импорта заголовка в документе

Запретить использование next/head в pages/_document.js.

Почему произошла эта ошибка

next/head был импортирован в pages/_document.js. Это может вызвать непредвиденные проблемы в вашем приложении.

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

Импортируйте и используйте только next/document в pages/_document.js, чтобы переопределить компонент по умолчанию Document. Если вы импортируете next/head для использования компонента Head, импортируйте его из next/document вместо этого, чтобы изменить код <head> на всех страницах:

import Document, { Html, Head, Main, NextScript } from 'next/document'
 
class MyDocument extends Document {
  static async getInitialProps(ctx) {
    //...
  }
 
  render() {
    return (
      <Html>
        <Head></Head>
      </Html>
    )
  }
}
 
export default MyDocument

Полезные ссылки

Пользовательский документ