Two slider on same screen, affect each other

I have implemented slideSwipe, My page should show two sliders. Current issue is when i swipe left to right to first slider there is no issue. But when I swipe to 2nd Slider, first slider also moving

Any idea how to resolved.
```javascript

setCurrentIndex(index)}
renderItem={({ itemIndex, currentIndex, item, animatedValue }) => (

)}
/>

```

I have separate components for both sliders. Any idea where i made a mistake

Start with the two slider usages and the shared currentIndex state shown around SideSwipe and onIndexChange. Compare how each separate component receives and updates its index, then reproduce the swipe interaction with both sliders visible. Done means swiping the second slider no longer changes the first, with both sliders retaining independent positions.

Written by the indexing model from the issue text.