Resolve drag-and-drop position desync when reordering contents items fast (#8372)

Author: wesleybl

packages/volto/news/8372.bugfix

@@ -0,0 +1,2 @@
+ Fix incorrect item positioning when rapidly dragging and dropping items in ``/contents``. @wesleybl
+ 

packages/volto/src/components/manage/Contents/Contents.jsx

@@ -724,9 +724,9 @@ class Contents extends Component {
         delta,
       );
     } else {
-      this.setState({
-        items: move(this.state.items, itemIndex, itemIndex + delta),
-      });
+      this.setState((prevState) => ({
+        items: move(prevState.items, itemIndex, itemIndex + delta),
+      }));
     }
   }
 

packages/volto/src/components/manage/Contents/ContentsItem.jsx

@@ -364,15 +364,13 @@ const DragDropConnector = (props) => {
           drop(props, monitor) {
             const id = monitor.getItem().id;
             const dragOrder = monitor.getItem().startOrder;
-            const dropOrder = props.order;
+            const dropOrder = monitor.getItem().order;
 
             if (dragOrder === dropOrder) {
               return;
             }
 
             props.onOrderItem(id, dragOrder, dropOrder - dragOrder, true);
-
-            monitor.getItem().order = dropOrder;
           },
         },
         (connect) => ({