fix(handle-on-connect): use correct HandleConnection type #5447

packages/react/src/hooks/useNodeConnections.ts

@@ -1,11 +1,11 @@
 import { useEffect, useMemo, useRef } from 'react';
 import {
-  Connection,
-  NodeConnection,
-  HandleType,
   areConnectionMapsEqual,
-  handleConnectionChange,
   errorMessages,
+  handleConnectionChange,
+  type NodeConnection,
+  type HandleType,
+  type HandleConnection,
 } from '@xyflow/system';
 
 import { useStore } from './useStore';
@@ -21,9 +21,9 @@ type UseNodeConnectionsParams = {
   /** Filter by handle id (this is only needed if the node has multiple handles of the same type). */
   handleId?: string;
   /** Gets called when a connection is established. */
-  onConnect?: (connections: Connection[]) => void;
+  onConnect?: (connections: HandleConnection[]) => void;
   /** Gets called when a connection is removed. */
-  onDisconnect?: (connections: Connection[]) => void;
+  onDisconnect?: (connections: HandleConnection[]) => void;
 };
 
 /**

packages/react/src/index.ts

@@ -112,6 +112,7 @@ export {
   type SetCenter,
   type SetViewport,
   type FitBounds,
+  type HandleConnection,
 } from '@xyflow/system';
 
 // we need this workaround to prevent a duplicate identifier error