How to make a carousel in React?

Question

React

Hello, there is a problem that is easier to state with a picture:

spoiler

I have a variable that points to an element in an array that should be displayed. I understand that because of this index, when the component is re-rendered, a shift occurs, but I don’t know how to fix this.
if it would be possible to somehow insert the necessary elements with some kind of insertBefore() at the beginning and appendChild() at the end - it would be much easier)
p.s. maybe, even most likely, the idea of ​​​​changing the array of slides is a bad idea, but I didn’t think of how to do otherwise