diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index 23d8653d..0a7f87b5 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { useStore } from '@xyflow/svelte';
+	import { useConnection } from '@xyflow/svelte';
 
-	const { connection } = useStore();
+	const connection = useConnection();
 </script>
 
 {#if $connection.path}
diff --git a/packages/svelte/src/lib/hooks/useConnection.ts b/packages/svelte/src/lib/hooks/useConnection.ts
new file mode 100644
index 00000000..6db9e735
--- /dev/null
+++ b/packages/svelte/src/lib/hooks/useConnection.ts
@@ -0,0 +1,10 @@
+import type { Readable } from 'svelte/store';
+
+import { useStore } from '$lib/store';
+import type { ConnectionProps } from '$lib/store/derived-connection-props';
+
+export function useConnection(): Readable<ConnectionProps> {
+  const { connection } = useStore();
+
+  return connection;
+}
diff --git a/packages/svelte/src/lib/index.ts b/packages/svelte/src/lib/index.ts
index 66b1af10..f1af3791 100644
--- a/packages/svelte/src/lib/index.ts
+++ b/packages/svelte/src/lib/index.ts
@@ -21,6 +21,7 @@ export { useStore } from '$lib/store';
 export * from '$lib/utils';
 export * from '$lib/hooks/useSvelteFlow';
 export * from '$lib/hooks/useUpdateNodeInternals';
+export * from '$lib/hooks/useConnection';
 
 // types
 export type { Edge, EdgeProps, EdgeTypes, DefaultEdgeOptions } from '$lib/types/edges';