Unknown chart errors for qlik-date-picker, qlik-variable-input, and container in @qlik/embed-react (Next.js)

[VladGordeyko]

Hi Qlik team and community,

I'm embedding Qlik dashboards using @qlik/embed-react in a Next.js application. Standard objects and native filters work well, but we're encountering the following issues with Qlik bundle/custom components:

Problem

When embedding sheets or individual objects that include the following:

• qlik-date-picker

• qlik-variable-input

• container

we get Unknown chart errors like:

Unknown chart: qlik-date-picker  
Unknown chart: qlik-variable-input  
Unknown chart: container

This happens in both:

<QlikEmbed ui="analytics/sheet" appId={appId} sheetId="..." />

and

<QlikEmbed ui="analytics/chart" appId={appId} objectId="..." />

---

What I suspect

I believe these components are part of the Qlik Dashboard Bundle or other extension bundles, and they may not be supported or auto-loaded in the @qlik/embed-react environment by default.

---

 My questions

• Are qlik-date-picker, qlik-variable-input, and container supported in @qlik/embed-react?

• If not, is there a roadmap or workaround to enable them?

• Do I need to explicitly publish/whitelist these components in Qlik Cloud to use them in React apps?

• Is there any known way to load bundle extensions in embedded mode?

---

Any guidance or clarification would be greatly appreciated!

Thanks in advance

[DaveChannon · Accepted solution]

Hi @VladGordeyko 

Please see https://qlik.dev/embed/foundational-knowledge/visualizations/ for a compatibility matrix for the various UI types. The solve is usually to use a classic UI type.

For most charts we do plan to migrate them to new UIs, although you'd need to refer to our roadmap for timelines. You could also leverage your own input and picker components in the meantime and use qlik-embed or qlik/api to handle data retrieval and selection state in the app?

[VladGordeyko]

Hi @DaveChannon , thanks again!

That clarifies a lot. Using classic/chart helps for embedding individual objects like the date picker — and the compatibility matrix you shared is very helpful.

Just to confirm my understanding:

• It's currently not possible to embed a full sheet using ui="analytics/sheet" if it includes unsupported components like qlik-date-picker, variable-input, or container, correct?

• The workaround is to use classic/chart and manually rebuild the layout by embedding each component individually — but we’re trying to avoid that, since the full sheet already exists and is used inside Qlik.

• I also tested classic/app, but it seems to just embed a full browser tab of the app inside an iframe — which isn’t what we’re aiming for in a controlled React environment.

Given that, our main question is:
Is there an expected timeline or roadmap for when analytics/sheet will support these bundle components like qlik-date-picker, container, and variable-input?

We’d prefer to embed the entire sheet as-is without rebuilding it in React.

Thanks again for your support!

[DaveChannon]

Hi @VladGordeyko 

Correct, they will display that message you mentioned. And, yes, that's the current solution - use analytics/chart where possible and classic/chart where it's a legacy chart.

We have a planned delivery this month, let me reach out to the team and see if it's included in that.

[VladGordeyko]

Thanks a lot, @DaveChannon! If possible, please share any updates on the timeline for the unsupported elements here.

Also, I’m going to start a separate thread for another topic — it’s somewhat unrelated to this one. It’s about authorization via cookies on Qlik Embed, and I’d really appreciate your input there if you're available!