Merge pull request #434

fix(22188): Prevent creation of dropped node when connecting

* fix(22188): prevent creation of dropped node when connecting nodes

Author: vanch3d

hivemq-edge/src/frontend/src/extensions/datahub/components/pages/PolicyEditor.tsx

@@ -141,6 +141,14 @@ const PolicyEditor: FC = () => {
     [onAddNodes, onConnect, reactFlowInstance]
   )
 
+  const onConnectNodes = useCallback(
+    (connection: Connection) => {
+      edgeConnectStart.current = undefined
+      onConnect(connection)
+    },
+    [onConnect]
+  )
+
   return (
     <>
       <ReactFlowProvider>
@@ -155,7 +163,8 @@ const PolicyEditor: FC = () => {
           // onEdgeUpdate={onEdgeUpdate}
           onConnectStart={onConnectStart}
           onConnectEnd={onConnectEnd}
-          onConnect={onConnect}
+          onConnect={onConnectNodes}
+          connectionRadius={35}
           connectionLineComponent={isEditable ? ConnectionLine : undefined}
           onInit={setReactFlowInstance}
           fitView