At the moment, I have discovered the following problem. There is a project on the React. There's a list of items that should be sortable. And when dragging an element at the moment when it is hovered over another, the dragging stops. For example, I want to drag the topmost, very first item down through the entire list. I take the first item and start dragging it down through the entire list. I expect it to drag. But as soon as it is hovered over the next element, the list is redrawn and the element is replaced with the neighboring one and the dragging stops. I believe this is due to the fact that when the element is redrawn, the listeners are reset and a new list appears with new drag handlers and the ui is brought to the default state and the dragging is interrupted. https://codesandbox.io/s/cranky-babbage-2467p9?file=/src/item.js
