rsnext/errors/inline-script-id.mdx

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

31 lines
717 B
Text
Raw Normal View History

---
title: Inline script id
---
> Enforce `id` attribute on `next/script` components with inline content.
## Why This Error Occurred
`next/script` components with inline content require an `id` attribute to be defined to track and optimize the script.
## Possible Ways to Fix It
Add an `id` attribute to the `next/script` component.
```jsx filename="pages/_app.js"
import Script from 'next/script'
export default function App({ Component, pageProps }) {
return (
<>
<Script id="my-script">{`console.log('Hello world!');`}</Script>
<Component {...pageProps} />
</>
)
}
```
## Useful links
- [Docs for Next.js Script component](/docs/pages/building-your-application/optimizing/scripts)