HighCharts Visual Works in QuickSight Dashboard but Fails When Embedded in NextJS App

Question & Answer
, , ,
1

We have a NextJS application deployed with AWS Amplify that embeds QuickSight dashboards. While most visuals display correctly when embedded, we’re experiencing an issue specifically with HighCharts visuals. These HighCharts visuals work perfectly when viewed directly in QuickSight but fail to load when embedded in our application.

Error Message: Refused to frame ‘https://us-east-2.quicksight.aws.amazon.com/’ because an ancestor violates the following Content Security Policy directive: “frame-ancestors https:”.

What We’ve Tried:

All other non-HighCharts visuals in the dashboard embed and function as expected. Has anyone else encountered this specific issue with HighCharts visuals in embedded QuickSight dashboards?

2

Hello @joe.bk, welcome to the QuickSight community!

I unfortunately have not had an opportunity to test this exact issue yet in regards to embedding. I think the best course of action that you can take will be to submit an AWS support ticket to figure out if there is a work-around for the issue. Since this is a newer feature, I wouldn’t be surprised if there are some bugs in the embedding process.

Here are the steps for opening a support ticket - Creating support cases and case management - AWS Support . 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

Let me know if this helps!

3

Thanks Dylan. I will open a ticket and keep it here in the meantime in case anyone else experiences a similar problem.

4

Hi @joe.bk,
It’s been awhile since last communication so following up to see if you have any additional questions or if you’re still working on this case?

If we do not hear back within the next 3 business days, I’ll close out this topic.

Thank you

5

Hi @joe.bk,
Since we have not heard back, I’ll go ahead and close out this topic. However, if you have any additional questions, feel free to create a new post in the community. If you receive(d) an update from your support ticket, feel free to share the findings here if they were helpful in your case.

Thank you!