next/script is not loading when navigating between pages

What version of Next.js are you using?

11.0.0

What version of Node.js are you using?

14.16.0

What browser are you using?

Chrome

What operating system are you using?

Windows

How are you deploying your application?

next start

Describe the Bug

next/script is not loading when navigating between pages with next/link, only if you load or reload the page outside of the SPA

Expected Behavior

the next/script load normally

To Reproduce

1. npx create-next-app
2. create any page, put a script url to load
3. create a navigation (next/link) to the created page
4. navigate to the page

index.js:

import Link from 'next/link'

export default function Home() {
  return (
    <div>
      <Link href="/script" passHref><a>navigate to script</a></Link>
    </div>
  )
}

script.js:

import React from "react";
import Script from "next/script";

export default function script() {
  return (
    <>
      <Script key="script_from_url" id="script_from_url" src="http://localhost:3000/script.js" strategy="beforeInteractive" onLoad={() => console.log("script loaded")} />
      <div>script</div>
    </>
  );
}

Notes:

1. onLoad is not being activated at any time with strategy beforeInteractive
2. I am getting this error on the console when the script is first loaded (even though I put key and id in the Script props):

Warning: Each child in a list should have a unique “key” prop. See https://reactjs.org/link/warning-keys for more information.

[willnix86]

+1 for this For me, none of the Script tags load when i redirect or navigate to the page containing them, it’s only when i hit “refresh” that they then load.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.