Not able to use qdt-components with qlik sense enterprise

[vilaspd]

By reading the docs and trying out the samples, I am really excited to use the qdt-components in a Single Page application that I am working on which needs to display visualizations from qlik sense enterprise server.

What I am not able to get working is the authentication after trying out quite a many things. The single page application is React 16 application. I could embed visualizations from 'sense-demo.qlik.com' however when I change the sense host in the config to our sense enterprise server, it refuses to connect.

Below is the config object that I am passing to qdtEnigma.

const config = {
host: 'host name of the sense enterprise server',
secure: true,
port: 443,
prefix: '',
appId: 'appId of one of the sense app'
}

const engineApiAppPromise = qdtEnigma(config);

I also, tried creating a virtual proxy in qmc and generate a JWT token and use that token in the config object. But it doesn't seem to help. I keep getting the error "Your connection to the Qlik Sense server is lost due to inactivity, refresh to continue working."

const config = {
host: 'host name of the sense enterprise server',
secure: true,
port: 443,
prefix: 'jwt',
appId: 'appId of one of the sense app',
token: 'jwt token here'
}