Issue Rendering Vizlib Objects in React App with @qlik/embed-web-components

[vijaya6]

Hi Team,

I'm encountering an issue when trying to render Vizlib objects from my Qlik Sense application within a React application using the @qlik/embed-web-components library.

My current implementation looks like this:

HTML

<qlik-embed
  object-id="[YOUR_VIZLIB_OBJECT_ID]"
  app-id="[YOUR_APP_ID]"
  ui="classic/chart"
></qlik-embed>

Problem: When using ui="classic/chart", the embedded component displays a spinner icon indefinitely instead of the expected Vizlib object.

Attempts to Resolve: I have also tried the following ui types and properties, but none have successfully rendered the Vizlib object:

• ui = "analytics/chart"

• ui = "object"

• Adding iframe ="true" property

Expected Behavior: I expect the Vizlib object to render correctly within the <qlik-embed> component in my React application.

Could anyone please advise on the correct configuration or potential solutions for rendering Vizlib objects using @qlik/embed-web-components? Are there any specific considerations for Vizlib extensions when embedding them this way?

Thank you in advance for your help!