Skip to content
DocsErrorsNo Script Component in Head

No Script Component in Head

Prevent usage of next/script in next/head component.

Why This Error Occurred

The next/script component should not be used in a next/head component.

Possible Ways to Fix It

Move the <Script /> component outside of <Head> instead.

Before

pages/index.js
import Script from 'next/script'
import Head from 'next/head'
 
export default function Index() {
  return (
    <Head>
      <title>Next.js</title>
      <Script src="/my-script.js" />
    </Head>
  )
}

After

pages/index.js
import Script from 'next/script'
import Head from 'next/head'
 
export default function Index() {
  return (
    <>
      <Head>
        <title>Next.js</title>
      </Head>
      <Script src="/my-script.js" />
    </>
  )
}