QuickSight UI Lagging (Embedded Dashboard Experience)

Question & Answer
, , ,
1

We have recently started noticing issues where the browser page locks up frequently and intermittently.

We have tested in several different browsers and users on different laptops. Everyone is getting the same issue. There are no logs in the browsers console and we are not sure how to debug this.

Scrolling, clicking on rows and columns and the filter section are all buggy and freeze up.

Any help is greatly appreciated thanks.

2

Hello @apiyaral

That’s pretty interesting. Can you breakdown how you embedded the dashboard in your app?

3

Thanks for your reply @duncan

Here is the react code we are using

    return(
        <ContentLayout
            disableOverlap
            header={<PageHeader headerTitle={"Deals"} actions={[
                <DataImportButton defaultImportType={DataImportTypes.DEALS}/>,
                <CreateDealButton/>
            ]} />}
        >
            <iframe
                data-testid={'deals-qs-iframe'}
                loading="lazy"
                src={dealsDashboardUrl}>
            </iframe>
        </ContentLayout>
    )
}

We have not touched this code for years so i dont see how it could be the way its embedded.
It just randomly started last week.

1 Like
4

Hello @apiyaral, I am curious, if you created this embedded experience a few years ago, what method are you using to generate the dashboard URLs? The embedding SDK has been updated within the last 2 years, so it may be time to switch over to the latest version of the API calls.

I’ll include the link for the documentation below:

These SDKs are going to provide the best experience and are more actively maintained by the development team. Let me know if you have any questions.