Only unmount hidden inactive tabs (#390)

Zertz · web-flow · commit bbadc4f42d65 · 2022-10-10T08:32:47.000-07:00
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 () => {

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"react-headless-tabs": patch
 +---
++
 +Only unmount hidden inactive tabs
Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,10 @@ export function TabPanel({`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`if (typeof unmount === "number") {`
`47`		`- unmountRef.current = wait(() => setShouldRender(false), unmount * 1000);`
	`47`	`+ unmountRef.current = wait(`
	`48`	`+ () => setShouldRender(!props.hidden),`
	`49`	`+ unmount * 1000`
	`50`	`+ );`
`48`	`51`	`}`
`49`	`52`
`50`	`53`	`return () => {`