2021-05-10 23:28:06 +02:00
# No Document Import in Page
2022-06-14 04:17:42 +02:00
> Prevent importing `next/document` outside of `pages/_document.js`.
2021-05-10 23:28:06 +02:00
### Why This Error Occurred
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
### Possible Ways to Fix It
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
```jsx
// pages/_document.js
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
//...
}
export default MyDocument
```
### Useful Links
- [Custom Document ](https://nextjs.org/docs/advanced-features/custom-document )