Merge pull request #571 from stakwork/feat/react_tab_state

Fixed React Mobx State Across Multiple Tabs
stakwork · Jul 8, 2024 · 7f9040a · 7f9040a
2 parents b895186 + 9e7aedb
commit 7f9040a
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/store/index.tsx b/src/store/index.tsx
@@ -13,8 +13,17 @@ import { modalsVisibilityStore } from './modals';
   }
   const hydrate = create({ storage: localStorage });
 
-  Promise.all([hydrate('main', mainStore), hydrate('ui', uiStore)]).then(() => {
-    uiStore.setReady(true);
+  function hydrateAll() {
+    Promise.all([hydrate('main', mainStore), hydrate('ui', uiStore)]).then(() => {
+      uiStore.setReady(true);
+    });
+  }
+  hydrateAll();
+
+  document.addEventListener('visibilitychange', () => {
+    if (document.visibilityState === 'visible') {
+      hydrateAll();
+    }
   });
 })();