Dragged item transitions back to original index, but array mutated correctly

[samesfahani-tuplehealth]

Repro: https://stackblitz.com/edit/react-ts-2vh17j?file=ArrayView.tsx,App.tsx

Video:

Screen.Recording.2023-02-09.at.5.45.34.PM.mov

I've tried to isolate my code down as much as possible, getting rid of all other drag handlers and overlays. The final array is correct, but the animation looks very jarring and off.

[samesfahani-tuplehealth]

Figured it out. The key in the render cannot and should not be index. Swap to item.id instead and it all works.