Skip to content
DocsErrorsNo Head Import in Document

No Head Import in Document

Prevent usage of next/head in pages/_document.js.

Why This Error Occurred

next/head was imported in pages/_document.js. This can cause unexpected issues in your application.

Possible Ways to Fix It

Only import and use next/document within pages/_document.js to override the default Document component. If you are importing next/head to use the Head component, import it from next/document instead in order to modify <head> code across all pages:

pages/_document.js
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