diff --git a/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
index ea961d65..c7c6f92c 100644
--- a/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
+++ b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
@@ -24,10 +24,7 @@
 </script>
 
 <div style="height:100vh;">
-	<SvelteFlow bind:nodes bind:edges {nodeTypes} fitView>
-		{#snippet connectionLine()}
-			<ConnectionLine />
-		{/snippet}
+	<SvelteFlow bind:nodes bind:edges {nodeTypes} fitView connectionLineComponent={ConnectionLine}>
 		<Background variant={BackgroundVariant.Lines} />
 	</SvelteFlow>
 </div>