Jira Widget in NextJS not visible

[Marcos Magno]

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]

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]

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.