--- title: No Head Import in Document url: "https://nextjs.org/docs/messages/no-head-import-in-document" --- > Prevent usage of `next/head` in `pages/_document.js`. ## Why This Error Occurred `next/head` was imported in `pages/_document.js`. This can cause unexpected issues in your application. ## Possible Ways to Fix It 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 `` code across all pages: ```jsx filename="pages/_document.js" import Document, { Html, Head, Main, NextScript } from 'next/document' class MyDocument extends Document { static async getInitialProps(ctx) { //... } render() { return ( ) } } export default MyDocument ``` ## Useful Links - [Custom Document](/docs/pages/building-your-application/routing/custom-document)