working on drag and drop using dndkit

src/canvas/widgets/base.js

@@ -1118,7 +1118,8 @@ class Widget extends React.Component {
         // FIXME: if the parent container has tw-overflow-none, then the resizable indicator are also hidden
         return (
 
-            <DragContext.Consumer>
+            // <DragContext.Consumer>
+            <>
                 {
                     ({ draggedElement, widgetClass, onDragStart, onDragEnd, overElement, setOverElement }) => {
 
@@ -1258,7 +1259,7 @@ class Widget extends React.Component {
                     }
                 }
 
-            </DragContext.Consumer>
+            </>
         )
 
     }

src/canvas/widgets/widgetDragDrop.js

@@ -33,7 +33,7 @@ const WidgetDraggable = memo(({ widgetRef, enableDrag=true, dragElementType="wid
 
         onDragStart(widgetRef?.current || null)
 
-        console.log("Drag start: ", widgetRef.current)
+        // console.log("Drag start: ", widgetRef.current)
 
         // Create custom drag image with full opacity, this will ensure the image isn't taken from part of the canvas
         const dragImage = widgetRef?.current.cloneNode(true)