onSnapToItem inconsistent behaviour

[louisholley]

Describe the bug
I have a carousel with 3 items - on load if i swipe right 4 times onSnapToItem logs

1
2
3
1

from here if i swipe left onSnapToItem logs

0
2
1
0

so it seems the direction you swipe in affects the behaviour of onSnapToItem which seems like a bug..

To Reproduce
Steps to reproduce the behavior:

1. Render a carousel like:

 <Carousel
        width={300}
        height={150}
        data={[1, 2, 3]}
        onSnapToItem={(index) => console.log(index)}
        renderItem={({ item }) => (
          <Image
            style={{ width: 300, height: 150 }}
            source={{
              uri: 'https://images.unsplash.com/photo-1648737154547-b0dfd281c51e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80',
            }}
          />
        )}
      />

2. Follow steps outlined in description to see inconsistent console logs

Additional context
Using react native on the web

[louisholley]

workaround is to use index % data.length as the actual index within onSnapToItem

[dohooo]

So you're saying it's only on the Web?
https://user-images.githubusercontent.com/32405058/168412467-bbd4d719-ec0c-4401-b6f8-42c86b167adf.mov