Prevent usage of
next/script
inpages/_document.js
.
You should not use the next/script
component in pages/_document.js
. That's because the pages/_document.js
page only runs on the server and next/script
has client-side functionality to ensure loading order.
If you want a global script, use next/script
in pages/_app.js
instead.
import Script from 'next/script'
function MyApp({ Component, pageProps }) {
return (
<>
<Script src="/my-script.js" />
<Component {...pageProps} />
</>
)
}
export default MyApp