chore(test): cleanup

examples/react/src/examples/Basic/index.tsx

@@ -45,7 +45,6 @@ const initialNodes: Node[] = [
     data: { label: 'Node 4' },
     position: { x: 400, y: 200 },
     className: 'light',
-    connectable: false,
   },
 ];
 
@@ -129,6 +128,7 @@ const BasicFlow = () => {
       selectNodesOnDrag={false}
       elevateEdgesOnSelect
       elevateNodesOnSelect={false}
+      nodeDragThreshold={0}
     >
       <Background variant={BackgroundVariant.Dots} />
       <MiniMap />

examples/react/src/examples/DragHandle/index.tsx

@@ -33,6 +33,7 @@ const DragHandleFlow = () => {
       edges={edges}
       nodeTypes={nodeTypes}
       onNodeClick={onNodeClick}
+      nodeDragThreshold={0}
     />
   );
 };

examples/react/src/examples/Interaction/index.tsx

@@ -36,7 +36,7 @@ const onNodeClick = (_: ReactMouseEvent, node: Node) => console.log('click', nod
 const onEdgeClick = (_: ReactMouseEvent, edge: Edge) => console.log('click', edge);
 const onPaneClick = (event: ReactMouseEvent) => console.log('onPaneClick', event);
 const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event);
-const onPaneContextMenu = (event: ReactMouseEvent) => console.log('onPaneContextMenu', event);
+const onPaneContextMenu = (event: ReactMouseEvent | MouseEvent) => console.log('onPaneContextMenu', event);
 const onMoveEnd = (_: TouchEvent | MouseEvent | null, viewport: Viewport) => console.log('onMoveEnd', viewport);
 
 const InteractionFlow = () => {
@@ -80,6 +80,7 @@ const InteractionFlow = () => {
       onPaneClick={captureZoomClick ? onPaneClick : undefined}
       onPaneScroll={captureZoomScroll ? onPaneScroll : undefined}
       onPaneContextMenu={captureZoomClick ? onPaneContextMenu : undefined}
+      nodeDragThreshold={0}
       onMoveEnd={onMoveEnd}
     >
       <MiniMap />