Connection issue with @qlik/embed-react while connecting with Qlik Enterprise edition

[vijaya6]

Hi,

We are using the Qlik Enterprise Edition, May 2024 version, and currently employ Capability APIs to integrate visualizations into our React application. We are now transitioning to the @qlik/embed-react library.

Our authentication model utilizes tickets, configured in the Qlik Management Console (QMC). However, when connecting with @qlik/embed-react, we encounter an "internal_window_authentication" issue, resulting in a 401 error. How can we resolve this issue?

Below is the current code we are using:

import React, { useEffect } from 'react';

import { QlikEmbed, QlikEmbedConfig, type HostConfig } from '@qlik/embed-react';

const QlikViz: React.FC = () => {

    const qlikConfig: HostConfig = {

        host:'https://<qlik host>/reactembed/',

        authType: 'interactive',

    };

    useEffect(() => {

        console.log('qlik config');

    }, []);

    return (

        <>

        <h1>Object</h1>

        <div style={{height: '100%', width: '100%'}}>

            <QlikEmbedConfig.Provider value={qlikConfig}>

                <QlikEmbed

                    type="object"

                    appId="d29b816e-65a7-4819-97df-123456"

                    //@ts-ignore

                    objectId="ENwGbEr"

                    ui='classic/chart'

                />

            </QlikEmbedConfig.Provider>

        </div>

        </>

    );

};

export default QlikViz;