How to prevent iframe reload when switching tabs in React app embedding Sisense dashboard?

Hi everyone,

I'm embedding a Sisense dashboard using an iframe inside a React-based platform. The iframe is rendered on a dedicated Insights tab route: insights. Every time I switch away from this tab and return to it, the iframe reloads, which causes unnecessary load time and loss of dashboard state (like applied filters or selections).

My goal is to mount the iframe only once, keep it cached in memory, and just hide/show it based on tab switching, without triggering a reload.

Here’s what I’m trying to achieve:

Mount the Sisense iframe only once (on first visit to /insights)

Persist it in memory even when navigating away

Show it again without reloading when coming back

Has anyone implemented this pattern or has best practices around iframe caching or persistent embedding of dashboards in a React environment?

Would love to hear suggestions or recommended approaches from the community!

Thanks!

midhun_e

Posted 1 year ago·Last reply 11 months ago

6 comments

DRay

·11 months ago

Hello midhun_e,

I’m following up to see if the solution offered by JeremyFriedel worked for you.

If so, please click the 'Accept as Solution' button on the appropriate post. That way others with the same questions can find the answer. If not, please let us know so that we can continue to help.

Thank you.

DRay

·1 year ago

Hello midhun_e,

I’m following up to see if the solution offered by JeremyFriedel worked for you.

If so, please click the 'Accept as Solution' button on the appropriate post. That way others with the same questions can find the answer. If not, please let us know so that we can continue to help.

Thank you.