How to prevent iframe reload when switching tabs in React app embedding Sisense dashboard? | Help and How-To

midhun_e · 2025-07-01T12:19:57.861000Z

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 awayShow it again without reloading when coming backHas 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!

MoreDiscussions

How to prevent iframe reload when switching tabs in React app embedding Sisense dashboard? | Help and How-To | Sisense Community