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 = ({ 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 = ({ logger.warn("Failed to play raise hand sound", ex); }); } - setPreviousRaisedHandCount(raisedHandCount); }, [raisedHandCount, handRaisePlayer, previousRaisedHandCount]); useEffect(() => {