TypeError: (0, _reactNativeRedash.useValue) is not a function. (In '(0, _reactNativeRedash.useValue)(0)', '(0, _reactNativeRedash.useValue)' is undefined) #137
Description
Error : TypeError: (0, _reactNativeRedash.useValue) is not a function. (In '(0, _reactNativeRedash.useValue)(0)', '(0, _reactNativeRedash.useValue)' is undefined)
In Package.json
"dependencies": {
"@react-navigation/native": "^6.0.12",
"@react-navigation/stack": "^6.2.3",
"expo": "~46.0.9",
"expo-font": "~10.2.0",
"expo-splash-screen": "~0.16.2",
"expo-status-bar": "~1.4.0",
"react": "18.0.0",
"react-native": "0.69.5",
"react-native-gesture-handler": "~2.5.0",
"react-native-reanimated": "~2.9.1",
"react-native-redash": "^18.0.0",
"react-native-safe-area-context": "4.3.1",
"react-native-screens": "~3.15.0"
},
In index.js
import { View, Text, StyleSheet, Dimensions } from "react-native";
import React from "react";
import { useValue } from "react-native-redash";
import Slide, { SLIDER_HEIGHT } from "./Slide";
import Animated from "react-native-reanimated";
const { width, height } = Dimensions.get("window");
export default function Onboarding() {
const x = useValue(0);
return (
<Animated.ScrollView
horizontal
snapToInterval={width}
decelerationRate="fast"
bounces={false}
showsHorizontalScrollIndicator={false}
>
</Animated.ScrollView>
<View
style={{
...StyleSheet.absoluteFillObject,
backgroundColor: "cyan",
}}
>
<View
style={{
flex: 1,
backgroundColor: "white",
borderTopLeftRadius: 75,
}}
>
);
}
The Error is showing that useValue is not function
Please Help