feat: added expo compatibility support

example/src/screens/BasicExample.tsx

@@ -2,11 +2,11 @@ import React, { useCallback, useMemo, useRef } from 'react';
 import { View, StyleSheet, Text } from 'react-native';
 import { useHeaderHeight } from '@react-navigation/stack';
 import Animated, {
-  useValue,
   interpolate,
   concat,
   Extrapolate,
 } from 'react-native-reanimated';
+import { useValue } from 'react-native-redash';
 import BottomSheet from '@gorhom/bottom-sheet';
 import Handle from '../components/handle';
 import Button from '../components/button';

example/src/screens/MapExample.tsx

@@ -8,11 +8,8 @@ import {
 } from 'react-native';
 import MapView from 'react-native-maps';
 import { BlurView } from '@react-native-community/blur';
-import Animated, {
-  useValue,
-  interpolate,
-  Extrapolate,
-} from 'react-native-reanimated';
+import Animated, { interpolate, Extrapolate } from 'react-native-reanimated';
+import { useValue } from 'react-native-redash';
 import { useSafeArea } from 'react-native-safe-area-context';
 import BottomSheet, { BottomSheetScrollView } from '@gorhom/bottom-sheet';
 import SearchHandle from '../components/searchHandle';

example/src/screens/ShadowOverlayExample.tsx

@@ -1,11 +1,8 @@
 import React, { useCallback, useMemo, useRef } from 'react';
 import { View, StyleSheet, Text } from 'react-native';
 import { useHeaderHeight } from '@react-navigation/stack';
-import Animated, {
-  useValue,
-  interpolate,
-  Extrapolate,
-} from 'react-native-reanimated';
+import Animated, { interpolate, Extrapolate } from 'react-native-reanimated';
+import { useValue } from 'react-native-redash';
 import BottomSheet from '@gorhom/bottom-sheet';
 import Button from '../components/button';
 import ContactList from '../components/contactList';

src/components/bottomSheet/BottomSheet.tsx

@@ -30,8 +30,8 @@ import {
   State,
 } from 'react-native-gesture-handler';
 import {
-  usePanGestureHandler,
   useValue,
+  usePanGestureHandler,
   useTapGestureHandler,
   // ReText,
 } from 'react-native-redash';

src/components/bottomSheet/useTransition.ts

@@ -1,6 +1,5 @@
 import Animated, {
   eq,
-  useValue,
   set,
   add,
   greaterOrEq,
@@ -20,7 +19,7 @@ import Animated, {
   // debug,
 } from 'react-native-reanimated';
 import { State } from 'react-native-gesture-handler';
-import { useClock, snapPoint } from 'react-native-redash';
+import { useClock, useValue, snapPoint } from 'react-native-redash';
 import type { BottomSheetAnimationConfigs } from './types';
 
 interface TransitionProps extends Required<BottomSheetAnimationConfigs> {

src/hooks/useScrollable.ts

@@ -5,7 +5,8 @@ import {
   ScrollView,
   SectionList,
 } from 'react-native';
-import Animated, { useValue } from 'react-native-reanimated';
+import Animated from 'react-native-reanimated';
+import { useValue } from 'react-native-redash';
 import type { ScrollableRef, Scrollable } from '../types';
 
 export const useScrollable = () => {

src/hooks/useScrollableInternal.ts

@@ -1,13 +1,7 @@
 import { useCallback, useRef, useMemo } from 'react';
 import { findNodeHandle } from 'react-native';
-import {
-  useValue,
-  event,
-  useCode,
-  onChange,
-  set,
-  call,
-} from 'react-native-reanimated';
+import { event, useCode, onChange, set, call } from 'react-native-reanimated';
+import { useValue } from 'react-native-redash';
 import { useBottomSheetInternal } from '../hooks/useBottomSheetInternal';
 import type { Scrollable, ScrollableType } from '../types';