Merge pull request #10 from johelder/bugfix/invalid-animated-hook-for-rnw

This pull request updates the ‎Caret component to improve compatibility with ‎react-native-web. Previously, the component used the ‎useAnimatedValue hook from ‎react-native, which is not supported on web.

Author: johelder

src/components/caret.tsx

@@ -1,10 +1,10 @@
-import { useEffect } from 'react';
-import { StyleSheet, Animated, useAnimatedValue } from 'react-native';
+import { useEffect, useRef } from 'react';
+import { StyleSheet, Animated } from 'react-native';
 import { DEFAULT_DARK_COLOR } from '../constants';
 import { useTextInputOTP } from '../hooks/use-text-input-otp';
 
 export function Caret() {
-  const opacity = useAnimatedValue(0);
+  const opacity = useRef(new Animated.Value(0)).current;
   const { caretColor } = useTextInputOTP();
 
   useEffect(() => {