Unable to use `dangerouslySetInnerHTML` and `beforeInteractive` strategy in Script component

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.

[github-actions[bot]]

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.