Back to Next Js

Missing Document Components

errors/missing-document-component.mdx

16.2.5709 B
Original Source

Why This Error Occurred

In your custom pages/_document an expected sub-component was not rendered.

Possible Ways to Fix It

Make sure to import and render all of the expected Document components:

  • <Html />
  • <Head />
  • <Main />
  • <NextScript />

For example:

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

export default class MyDocument extends Document {
  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}