Событие React Native Reanimated Carousel ScrollTo не работает

Я использую реактивную реанимированную карусель. В карусели я отображаю изображения, и когда я нажимаю на изображение, оно не прокручивается до этого изображения. Вот код:

<Carousel
        ref = {carouselRef}
                loop
                width = {Dimensions.get("window").width}
                height = {300 / 2}
                data = {carTypes}
                mode = "parallax"
                defaultIndex = {1}
                
                style = {{ alignSelf: "center",justifyContent: "center", alignContent: "center"}}
                scrollAnimationDuration = {1000}
                onSnapToItem = {(index) => setActiveSlide(index)}
                renderItem = {({ item, index }) => (
                    <TouchableOpacity
                    **onPress = {() => carouselRef.current.scrollTo(index)}**
                    activeOpacity = {0.1}
                        style = {{
                            backgroundColor: activeSlide !== index ? carouselActiveSlide(index) : "#3887EF",
                            borderWidth: 1,
                            justifyContent: 'center',
                            transform: [{ rotate: "32deg" }],
                            borderRadius: 32,
                            width: 50
                        }}
                    />

Я попытался проверить, работают ли другие события, такие как .next() , .prev(), как ожидалось, но .scrollTo(index) не работает. Можете ли вы сказать мне, что мне не хватает?