Fix race condition in usePageVisibility hook

signalapp · Oct 7, 2021 · 1f4a385 · 1f4a385
1 parent 27573e6
commit 1f4a385
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/ts/hooks/usePageVisibility.ts b/ts/hooks/usePageVisibility.ts
@@ -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
       );
     };