From ec9dec89bb342a17115260fbfd01132f3ba8511d Mon Sep 17 00:00:00 2001
From: Half-Shot <will@half-shot.uk>
Date: Thu, 31 Oct 2024 16:20:17 +0000
Subject: [PATCH] Use deferred value

---
 src/room/InCallView.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/room/InCallView.tsx b/src/room/InCallView.tsx
index 3051b80d..63e16d12 100644
--- a/src/room/InCallView.tsx
+++ b/src/room/InCallView.tsx
@@ -19,6 +19,7 @@ import {
   TouchEvent,
   forwardRef,
   useCallback,
+  useDeferredValue,
   useEffect,
   useMemo,
   useRef,
@@ -175,9 +176,11 @@ export const InCallView: FC<InCallViewProps> = ({
   onShareClick,
 }) => {
   const { supportsReactions, raisedHands } = useReactions();
-  const raisedHandCount = Object.keys(raisedHands).length;
-  const [previousRaisedHandCount, setPreviousRaisedHandCount] =
-    useState(raisedHandCount);
+  const raisedHandCount = useMemo(
+    () => Object.keys(raisedHands).length,
+    [raisedHands],
+  );
+  const previousRaisedHandCount = useDeferredValue(raisedHandCount);
 
   useWakeLock();
 
@@ -320,7 +323,6 @@ export const InCallView: FC<InCallViewProps> = ({
         logger.warn("Failed to play raise hand sound", ex);
       });
     }
-    setPreviousRaisedHandCount(raisedHandCount);
   }, [raisedHandCount, handRaisePlayer, previousRaisedHandCount]);
 
   useEffect(() => {