feat: add repro for animated.text issue

app/index.tsx

@@ -1,9 +1,11 @@
-import { Text, View } from 'react-native';
+import { View } from 'react-native';
 import { StyleSheet } from 'react-native-unistyles';
 
+import { TextComponent } from '@/components/TextComponent';
+
 const Index = () => (
   <View style={s.wrapper}>
-    <Text>Edit app/index.tsx to edit this screen.</Text>
+    <TextComponent name="Some text" style={s.text} />
   </View>
 );
 
@@ -13,6 +15,10 @@ const s = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
   },
+
+  text: {
+    color: 'red',
+  },
 });
 
 // eslint-disable-next-line import/no-unused-modules

components/TextComponent.tsx

@@ -0,0 +1,21 @@
+import { type StyleProp, type TextStyle } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { StyleSheet } from 'react-native-unistyles';
+
+interface TextComponentProps {
+  name: string;
+  style?: StyleProp<TextStyle>;
+}
+
+export const TextComponent = ({ name, style }: TextComponentProps) => (
+  <Animated.Text style={[s.wrapper, style]}>{name}</Animated.Text>
+);
+
+const s = StyleSheet.create({
+  wrapper: {
+    padding: 10,
+
+    borderWidth: 2,
+    borderColor: 'dark',
+  },
+});