2023-07-05 15:11:16 +02:00
---
title: No Head Import in Document
---
2021-05-10 23:28:06 +02:00
2022-06-14 04:17:42 +02:00
> Prevent usage of `next/head` in `pages/_document.js`.
2023-07-05 15:11:16 +02:00
## Why This Error Occurred
2021-05-10 23:28:06 +02:00
`next/head` was imported in `pages/_document.js`. This can cause unexpected issues in your application.
2023-07-05 15:11:16 +02:00
## Possible Ways to Fix It
2021-05-10 23:28:06 +02:00
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:
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 {
static async getInitialProps(ctx) {
//...
}
render() {
return (
<Html>
<Head></Head>
</Html>
)
}
}
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)
