diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index ff1ca8e4..ac938374 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -70,7 +70,16 @@
         updateConnection,
         cancelConnection,
         panBy,
-        onConnect: onConnectExtended,
+        onConnect: (params) => {
+          addEdge(params);
+          dispatch('connect', params);
+        },
+        onConnectStart: (event, params) => {
+          dispatch('connectstart', { event, params });
+        },
+        onConnectEnd: (event) => {
+          dispatch('connectend', event);
+        },
         getTransform: () => $transform
       });
     }
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index b6d12104..26b60f82 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -64,9 +64,9 @@ export type SvelteFlowProps = DOMAttributes<HTMLDivElement> & {
   'on:nodemousemove'?: CustomEvent<Node>;
   'on:nodemouseleave'?: CustomEvent<Node>;
   'on:edgeclick'?: CustomEvent<Edge>;
-  'on:connectstart'?: CustomEvent<OnConnectStartParams>;
+  'on:connectstart'?: CustomEvent<{ event: MouseEvent | TouchEvent }>;
   'on:connect'?: CustomEvent<Connection>;
-  'on:connectend'?: CustomEvent<OnConnectStartParams>;
+  'on:connectend'?: CustomEvent<MouseEvent | TouchEvent>;
   'on:paneclick'?: CustomEvent;
   'on:panecontextmenu'?: CustomEvent;
 };