From 0bb83d98578602e106037831fc32af6cd8d70f91 Mon Sep 17 00:00:00 2001
From: sumo_slonik <jakub.nowakowski@swmansion.com>
Date: Mon, 2 Dec 2024 12:54:16 +0100
Subject: [PATCH 1/2] fix problem with non-worklet tooltip and switch with
 update modal

---
 src/components/Switch.tsx                              | 7 +++++--
 src/styles/utils/generators/TooltipStyleUtils/index.ts | 2 ++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx
index 16242fce7fca..e99f6795f8ff 100644
--- a/src/components/Switch.tsx
+++ b/src/components/Switch.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useEffect} from 'react';
 import {InteractionManager} from 'react-native';
 import Animated, {interpolateColor, useAnimatedStyle, useSharedValue, withTiming} from 'react-native-reanimated';
 import useTheme from '@hooks/useTheme';
@@ -38,13 +38,16 @@ function Switch({isOn, onToggle, accessibilityLabel, disabled, showLockIcon, dis
     const offsetX = useSharedValue(isOn ? OFFSET_X.ON : OFFSET_X.OFF);
     const theme = useTheme();
 
+    useEffect(() => {
+        offsetX.set(withTiming(isOn ? OFFSET_X.ON : OFFSET_X.OFF, {duration: 300}));
+    }, [isOn]);
+
     const handleSwitchPress = () => {
         InteractionManager.runAfterInteractions(() => {
             if (disabled) {
                 disabledAction?.();
                 return;
             }
-            offsetX.set(withTiming(isOn ? OFFSET_X.OFF : OFFSET_X.ON, {duration: 300}));
             onToggle(!isOn);
         });
     };
diff --git a/src/styles/utils/generators/TooltipStyleUtils/index.ts b/src/styles/utils/generators/TooltipStyleUtils/index.ts
index 950ba241570b..dbaf0a7fe5a6 100644
--- a/src/styles/utils/generators/TooltipStyleUtils/index.ts
+++ b/src/styles/utils/generators/TooltipStyleUtils/index.ts
@@ -265,6 +265,8 @@ const createTooltipStyleUtils: StyleUtilGenerator<GetTooltipStylesStyleUtil> = (
 
     /** Utility function to create and manage scale animations with React Native Reanimated */
     getTooltipAnimatedStyles: (props: TooltipAnimationProps) => {
+        'worklet';
+
         const tooltipHorizontalPadding = spacing.ph2.paddingHorizontal * 2;
         const tooltipWidth = props.tooltipContentWidth && props.tooltipContentWidth + tooltipHorizontalPadding + 1;
         const isTooltipSizeReady = tooltipWidth !== undefined && props.tooltipWrapperHeight !== undefined;

From be2a653ffc73a09896a9d900a905759e9750b1f0 Mon Sep 17 00:00:00 2001
From: sumo_slonik <jakub.nowakowski@swmansion.com>
Date: Mon, 2 Dec 2024 14:00:40 +0100
Subject: [PATCH 2/2] fix linter

---
 src/components/Switch.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx
index e99f6795f8ff..9c398d7a1990 100644
--- a/src/components/Switch.tsx
+++ b/src/components/Switch.tsx
@@ -40,7 +40,7 @@ function Switch({isOn, onToggle, accessibilityLabel, disabled, showLockIcon, dis
 
     useEffect(() => {
         offsetX.set(withTiming(isOn ? OFFSET_X.ON : OFFSET_X.OFF, {duration: 300}));
-    }, [isOn]);
+    }, [isOn, offsetX]);
 
     const handleSwitchPress = () => {
         InteractionManager.runAfterInteractions(() => {