Jira Widget in NextJS not visible

Question

I am using NextJS and Next script to load Jira's wdiget script, however the script is loaded but not shown on the pages.

<Script            data-jsd-embedded            data-key="key"            data-base-url="https://jsd-widget.atlassian.com"            src="https://jsd-widget.atlassian.com/assets/embed.js"            onError={(e) => console.error(e)}            onReady={() => console.log('ready')}          />

Nicolas Van Damme · Answer

A (janky) way to fix this is to add the following to the onLoad callback:

if (document.readyState !== 'loading') {
  document.dispatchEvent(new Event('DOMContentLoaded'));
}

Jef Braem_i0mr59 · Answer

Hey Marcos, did you find a solution for this? We are facing the same issue, and have not found a solution yet.

It seems like the limitation is that the Jira Widget expects to be available when the DOM content load event is fired.