getCurrentIndex returns wrong value when data count is < 3

Describe the bug In my project I have map with markers and carousel with detail of selected marker. Swiping the carousel moves the map to the next (previous) marker. When I use onSnapToItem to set new index it’s quite slow because the event is fired after the swipe is fully completed. So I decided to set the current index using getCurrentIndex in onProgressChange. It works great if data count is 3 or more. But when looping carousel with 2 items I get indexes 0, 1, 2, 3, 0, 1, 2, 3… instead of 0, 1, 0, 1, 0, 1…

To Reproduce

import React, { useRef } from 'react';
import { View, Dimensions } from 'react-native';
import Carousel from 'react-native-reanimated-carousel';

const colors = ['red', 'green'];

export default function App() {
    const carouselRef = useRef();
    return (
        <Carousel
            ref={carouselRef}
            data={colors}
            renderItem={({ item }) => <View style={{ flex: 1, backgroundColor: item }} />}
            width={Dimensions.get('window').width}
            onProgressChange={(offsetProgress, absoluteProgress) => {
                const index = carouselRef?.current?.getCurrentIndex();
                console.log(index);
            }}
        />
    );
}

Expected behavior Get right current index.

Versions (please complete the following information):

• react: v18.0.0
• react-native: v0.69.6
• react-native-reanimated: v2.9.1
• react-native-reanimated-carousel: v3.1.3
• react-native-gesture-handler: v2.5.0

[dohooo]

Hi, I still get wrong indexes in 3.1.5

And also you need to add autoFillData={false} prop when the data length is less than 3.

[jb-5murf]

And also you need to add autoFillData={false} prop when the data length is less than 3.

This helped 👍 Thank you!