From 1f4a3851bf07d17bfd19b9a70d206798d4cb9e65 Mon Sep 17 00:00:00 2001
From: Evan Hahn <69474926+EvanHahn-Signal@users.noreply.github.com>
Date: Thu, 7 Oct 2021 13:52:07 -0500
Subject: [PATCH] Fix race condition in `usePageVisibility` hook

---
 ts/hooks/usePageVisibility.ts | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/ts/hooks/usePageVisibility.ts b/ts/hooks/usePageVisibility.ts
index 079d36a2d48..1faa4be1713 100644
--- 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
       );
     };