reproduce visibility change bug

NGimbal · Dec 8, 2024 · e0e54c0 · e0e54c0
1 parent a7699ff
commit e0e54c0
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -212,6 +212,18 @@ function App() {
 	const searchBar = isOnSearchPage ? null : <SearchBar status="idle" />
 	useToast(data.toast)
 
+	useEffect(() => {
+		const handleVisibilityChange = (e: any) => {
+			console.log('visibility changed', e)
+		}
+
+		document.addEventListener('visibilitychange', handleVisibilityChange)
+
+		return () => {
+			document.removeEventListener('visibilitychange', handleVisibilityChange)
+		}
+	}, [])
+
 	return (
 		<>
 			<div className="flex min-h-screen flex-col justify-between">