Only unmount hidden inactive tabs (#390)

Zertz · Oct 10, 2022 · bbadc4f · bbadc4f · vercel · Oct 10, 2022
1 parent 3c2ccda
commit bbadc4f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/short-turkeys-matter.md b/.changeset/short-turkeys-matter.md
@@ -0,0 +1,5 @@
+---
+"react-headless-tabs": patch
+---
+
+Only unmount hidden inactive tabs
diff --git a/packages/lib/src/TabPanel.tsx b/packages/lib/src/TabPanel.tsx
@@ -44,7 +44,10 @@ export function TabPanel({
     }
 
     if (typeof unmount === "number") {
-      unmountRef.current = wait(() => setShouldRender(false), unmount * 1000);
+      unmountRef.current = wait(
+        () => setShouldRender(!props.hidden),
+        unmount * 1000
+      );
     }
 
     return () => {