DOM Exceptions using v2 of the amazon-quicksight-embedding-sdk in React

hoganbr · March 27, 2023, 9:54pm

Hello,

I have been using the amazon-quicksight-embedding-sdk v1 for a while and embedding dashboards in a React application. I have been attempting to upgrade to v2 of the sdk and running into some DOM errors I had not seen before

embeddingControl - Uncaught DOMException: An invalid or illegal string was specified

I am wondering if anyone else has seen this or if it is a known issue with v2? Here is a gist with an example of what I am trying to do. I imagine it is coming from a conflict in how QS expects the container ref to be passed vs how React abstracts that away.

gist.github.com

https://gist.github.com/brenden-hogan/381fe211656b6a0232cc56f3f600d193

Quicksight.tsx

import { useEffect, useRef, useState } from 'react'
import { createEmbeddingContext } from 'amazon-quicksight-embedding-sdk'
import {
  DashboardContentOptions,
  DashboardFrame,
  FrameOptions,
  Parameter,
} from 'amazon-quicksight-embedding-sdk/dist/types'

type GraphFrameOptions = Omit<FrameOptions, 'container'>

This file has been truncated. show original

Max · March 29, 2023, 6:10pm

Hmmm,

I’ve been trying to research on this topic and haven’t found anything. Have you solved it yet?

If not, I would look to open up a support case.

Here are the steps to open a support case. If your company has someone who manages your AWS account, you might not have direct access to AWS Support and will need to raise an internal ticket to your IT team or whomever manages your AWS account. They should be able to open an AWS Support case on your behalf.

Max · April 11, 2023, 2:48pm