diff --git a/src/components/Handle/BaseHandle.tsx b/src/components/Handle/BaseHandle.tsx
index f6964042..1f80c529 100644
--- a/src/components/Handle/BaseHandle.tsx
+++ b/src/components/Handle/BaseHandle.tsx
@@ -70,7 +70,7 @@ function onMouseDown(
   setConnectionNodeId({ connectionNodeId: nodeId, connectionHandleId: handleId, connectionHandleType: handleType });
 
   if (onConnectStart) {
-    onConnectStart(event, { nodeId, handleType });
+    onConnectStart(event, { nodeId, handleId, handleType });
   }
 
   function resetRecentHandle(): void {
diff --git a/src/types/index.ts b/src/types/index.ts
index 3476d7a8..97cccef2 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -284,6 +284,7 @@ export type ConnectionLineComponent = React.ComponentType<ConnectionLineComponen
 export type OnConnectFunc = (connection: Connection) => void;
 export type OnConnectStartParams = {
   nodeId: ElementId | null;
+  handleId: ElementId | null;
   handleType: HandleType | null;
 };
 export type OnConnectStartFunc = (event: ReactMouseEvent, params: OnConnectStartParams) => void;