fix: moved animation call into the stop callback to prevent race cond…

…ition
Vali-98 · Apr 27, 2024 · 985cff5 · 985cff5
1 parent a41f640
commit 985cff5
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/components/ChatMenu/ChatWindow/ChatItem.tsx b/components/ChatMenu/ChatWindow/ChatItem.tsx
@@ -97,13 +97,14 @@ const ChatItem: React.FC<ChatItemProps> = ({
     const height = useRef(0)
 
     const handleAnimateHeight = (newheight: number) => {
-        animatedHeight.stopAnimation()
-        Animated.timing(animatedHeight, {
-            toValue: newheight,
-            duration: 200,
-            useNativeDriver: false,
-            easing: Easing.inOut((x) => x * x),
-        }).start()
+        animatedHeight.stopAnimation(() =>
+            Animated.timing(animatedHeight, {
+                toValue: newheight,
+                duration: 200,
+                useNativeDriver: false,
+                easing: Easing.inOut((x) => x * x),
+            }).start()
+        )
     }
 
     const handleContentSizeChange = (event: LayoutChangeEvent) => {