2023-07-05 15:11:16 +02:00
---
title: No Document Import in Page
---
2021-05-10 23:28:06 +02:00
2022-06-14 04:17:42 +02:00
> Prevent importing `next/document` outside of `pages/_document.js`.
2023-07-05 15:11:16 +02:00
## Why This Error Occurred
2021-05-10 23:28:06 +02:00
2021-06-07 12:40:28 +02:00
`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.
2021-05-10 23:28:06 +02:00
2023-07-05 15:11:16 +02:00
## Possible Ways to Fix It
2021-05-10 23:28:06 +02:00
2021-06-07 12:40:28 +02:00
Only import and use `next/document` within `pages/_document.js` (or `pages/_document.tsx`) to override the default `Document` component:
2021-05-10 23:28:06 +02:00
2023-07-05 15:11:16 +02:00
```jsx filename="pages/_document.js"
2021-05-10 23:28:06 +02:00
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
//...
}
export default MyDocument
```
2023-07-05 15:11:16 +02:00
## Useful Links
2021-05-10 23:28:06 +02:00
2023-07-05 15:11:16 +02:00
- [Custom Document](/docs/pages/building-your-application/routing/custom-document)