Skip to content

Latest commit

 

History

History
34 lines (27 loc) · 1.07 KB

no-before-interactive-script-outside-document.md

File metadata and controls

34 lines (27 loc) · 1.07 KB
Raw

beforeInteractive Script component outside _document.js

Why This Error Occurred

You can't use the next/script component with the beforeInteractive strategy outside the _document.js page. That's because beforeInteractive strategy only works inside _document.js and is designed to load scripts that is needed by the entire site (i.e. the script will load when any page in the application has been loaded server-side). The strategy is designed this way to make it compatible with streaming modes.

Possible Ways to Fix It

If you want a global script, move the script inside _document.js page.

// In _document.js

export default class MyDocument extends Document {
  render() {
    return (
      <Html>
        <Head />
        <body>
          <Main />
          <NextScript />
          <Script
            src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"
            strategy="beforeInteractive"
          ></Script>
        </body>
      </Html>
    )
  }
}