From b65231d0bb7b93c1da169f2d429c86342dd50350 Mon Sep 17 00:00:00 2001
From: Jules <jules@expensify.com>
Date: Mon, 15 Jul 2024 13:53:38 +0100
Subject: [PATCH] Merge pull request #45314 from
 Expensify/yuwen-sliderDependency

Make Slider Transformation Function Callback a worklet

(cherry picked from commit 951e3fe966870e7abbe86ff810659925eb6d2434)
---
 src/components/AvatarCropModal/Slider.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/AvatarCropModal/Slider.tsx b/src/components/AvatarCropModal/Slider.tsx
index 67aa89c9c550..bac581da25e6 100644
--- a/src/components/AvatarCropModal/Slider.tsx
+++ b/src/components/AvatarCropModal/Slider.tsx
@@ -30,9 +30,13 @@ function Slider({sliderValue, gestureCallbacks}: SliderProps) {
 
     // A reanimated memoized style, which tracks
     // a translateX shared value and updates the slider position.
-    const rSliderStyle = useAnimatedStyle(() => ({
-        transform: [{translateX: sliderValue.value}],
-    }));
+    const rSliderStyle = useAnimatedStyle(() => {
+        'worklet';
+
+        return {
+            transform: [{translateX: sliderValue.value}],
+        };
+    });
 
     const panGesture = Gesture.Pan()
         .minDistance(5)