Fix race condition in usePageVisibility hook

2026-05-08 08:58:38 +01:00 · 2021-10-07 13:52:07 -05:00
parent 27573e6dce
commit 1f4a3851bf
1 changed files with 5 additions and 3 deletions
@@ -7,16 +7,18 @@ export function usePageVisibility(): boolean {
  const [result, setResult] = useState(!document.hidden);

  useEffect(() => {
-    const onVisibilityChange = () => {
+    const updatePageVisibility = () => {
      setResult(!document.hidden);
    };

-    document.addEventListener('visibilitychange', onVisibilityChange, false);
+    updatePageVisibility();
+
+    document.addEventListener('visibilitychange', updatePageVisibility, false);

    return () => {
      document.removeEventListener(
        'visibilitychange',
-        onVisibilityChange,
+        updatePageVisibility,
        false
      );
    };