Unable to use dangerouslySetInnerHTML and beforeInteractive strategy in Script component

[genetschneider]

What version of Next.js are you using?

14.17.1

What version of Node.js are you using?

12.0.3

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

npm run dev

Describe the Bug

Setting dangerouslySetInnerHtml in next Script component while also specifying beforeInteractive strategy will result in the Script component doing nothing. Since there is no src specified, the src will simply be (unknown).

<Script
  id="test"
  strategy="beforeInteractive"
  dangerouslySetInnerHTML={{
    // will not run
    __html: `console.log('hello!')`,
  }}
/>

Expected Behavior

Script component can be used with no src while using dangerouslySetInnerHtml property.

To Reproduce

Try to render Script component using beforeInteractive while having no url and specifying dangerouslySetInnerHtml property.

<Script
  id="test"
  strategy="beforeInteractive"
  dangerouslySetInnerHTML={{
    // will not run
    __html: `console.log('hello!')`,
  }}
/>

This piece of code of next Script will result in the following script tag being added

[studiosi]

Has anyone found a workaround for this?

What I currently do is placing the javascript on a file on the public folder and load it from there, but it does not allow me to use environment variables in order to change parameters.

[ijjk]

Hi, this has bee updated in the latest version of Next.js v12.1.6, specifically #36364, please updated and give it a try!

[alexanderdemchik]

Hi, this has bee updated in the latest version of Next.js v12.1.6, specifically #36364, please updated and give it a try!

Hi, checked it today. Seems it's still not working with v12.1.6.
Added console log to script:

And there is nothing in logs:

Browser - Chrome 101.0.4951.64

[ijjk]

Hi, this has been updated in v12.1.7-canary.8 of Next.js, please update and give it a try!

[Chastrlove]

v12.1.7-canary.8 Still break; the script has unknow src , and the inline script dont execute @ijjk @housseindjirdeh

[Chastrlove]

the "scriptProps" should omit src
https://github.com/vercel/next.js/blob/canary/packages/next/pages/_document.tsx#L558

next.js/packages/next/client/script.tsx

Line 172 in 5acf9db

src,

updateScripts always post it @ijjk

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.