chore: sync with rainbow

Author: osdnk

src/charts/linear/ChartDot.js

@@ -1,23 +1,10 @@
 import React, { useContext } from 'react';
-// eslint-disable-next-line import/no-unresolved
-import Animated, { useAnimatedStyle } from 'react-native-reanimated';
+import Animated from 'react-native-reanimated';
 import ChartContext from '../../helpers/ChartContext';
 import withReanimatedFallback from '../../helpers/withReanimatedFallback';
 
 function ChartDot({ style, size = 10, ...props }) {
-  const { dotScale, positionX, positionY } = useContext(ChartContext);
-  const dotStyle = useAnimatedStyle(
-    () => ({
-      opacity: dotScale.value,
-      transform: [
-        { translateX: positionX.value },
-        { translateY: positionY.value + 10 }, // TODO temporary fix for clipped chart
-        { scale: dotScale.value },
-      ],
-    }),
-    undefined,
-    'dotStyle'
-  );
+  const { dotStyle } = useContext(ChartContext);
 
   return (
     <Animated.View

src/charts/linear/ChartLabels.js

@@ -3,7 +3,6 @@ import { TextInput } from 'react-native';
 import Animated, {
   useAnimatedStyle,
   useDerivedValue,
-  // eslint-disable-next-line import/no-unresolved
 } from 'react-native-reanimated';
 import ChartContext from '../../helpers/ChartContext';
 
@@ -12,22 +11,14 @@ const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
 function ChartLabelFactory(style) {
   return function ChartLabel({ format, ...props }) {
     const { [style]: val = 0 } = useContext(ChartContext);
-    const formattedValue = useDerivedValue(
-      () => {
-        return format ? format(val.value) : val.value;
-      },
-      undefined,
-      style + 'formattedValue'
-    );
-    const textProps = useAnimatedStyle(
-      () => {
-        return {
-          text: formattedValue.value,
-        };
-      },
-      undefined,
-      style + 'textProps'
-    );
+    const formattedValue = useDerivedValue(() => {
+      return format ? format(val.value) : val.value;
+    }, []);
+    const textProps = useAnimatedStyle(() => {
+      return {
+        text: formattedValue.value,
+      };
+    }, []);
     return (
       <AnimatedTextInput
         {...props}