Back to Next Js

Invalid Script

errors/invalid-script.mdx

16.2.5854 B
Original Source

Why This Error Occurred

Somewhere in your application, you are using the next/script component without including an inline script or src attribute.

Possible Ways to Fix It

Look for any usage of the next/script component and make sure that src is provided or an inline script is used.

Compatible src attribute

jsx
<Script src="https://example.com/analytics.js" />

Compatible inline script with curly braces

jsx
<Script id="show-banner">
  {`document.getElementById('banner').classList.remove('hidden')`}
</Script>

Compatible inline script with dangerouslySetInnerHtml

jsx
<Script
  id="show-banner"
  dangerouslySetInnerHTML={{
    __html: `document.getElementById('banner').classList.remove('hidden')`,
  }}
/>