Back to Next Js

No Document Import in Page

errors/no-document-import-in-page.mdx

16.2.5732 B
Original Source

Prevent importing next/document outside of pages/_document.js.

Why This Error Occurred

next/document was imported in a page outside of pages/_document.js (or pages/_document.tsx if you are using TypeScript). This can cause unexpected issues in your application.

Possible Ways to Fix It

Only import and use next/document within pages/_document.js (or pages/_document.tsx) to override the default Document component:

jsx
import Document, { Html, Head, Main, NextScript } from 'next/document'

class MyDocument extends Document {
  //...
}

export default MyDocument