Focused index is not persisted when carousel component is re-rendered

Describe the bug Focused index of carousel is not persisted when carousel component is re-rendered.

To Reproduce Steps to reproduce the behavior:

1. Render Carousel component with some data
2. Swipe to the second item of carousel
3. Rerender Carousel component(in my case it’s update of the data in react-query hook, but could be any reason)
4. Focused item is reset to the first one

Expected behavior Focused item should be second item, so the focused item state should persist across the component re-renders, otherwise it’s impossible to update the data, that being rendered by component

[dohooo]

Uhhhh… You are right. I did some thing wrong with #178. I will fixed it ASAP.

[todorone]

This is the logic I just changed, so if the data changes, it resets to the first one.

What is the rationale behind such behaviour? I have never experienced it in other carousel packages, focused state is persisted no matter how many re-renders occurred. And this logic may not be compatible with React 18 and concurrent rendering mode where rendering can be stopped/continued at any moment of time.

We can’t use useRef / useState for every use-case. For me it’s: const { data } = useQuery(...) and it could be updated any time.