diff --git a/packages/repl/src/lib/Output/console/ConsoleLine.svelte b/packages/repl/src/lib/Output/console/ConsoleLine.svelte
index 7cce4e0b9d..45c2aca1fb 100644
--- a/packages/repl/src/lib/Output/console/ConsoleLine.svelte
+++ b/packages/repl/src/lib/Output/console/ConsoleLine.svelte
@@ -1,10 +1,15 @@
 <script lang="ts">
+	import ConsoleLine from './ConsoleLine.svelte';
 	import JSONNode from '@sveltejs/svelte-json-tree';
 	import ConsoleTable from './ConsoleTable.svelte';
 	import type { Log } from './Log.svelte';
 
-	export let log: Log;
-	export let depth = 0;
+	interface Props {
+		log: Log;
+		depth?: number;
+	}
+
+	let { log, depth = 0 }: Props = $props();
 
 	function toggle_group_collapse() {
 		log.collapsed = !log.collapsed;
@@ -182,7 +187,7 @@
 
 {#if log.command === 'group' && !log.collapsed}
 	{#each log.logs ?? [] as childLog}
-		<svelte:self log={childLog} depth={depth + 1} />
+		<ConsoleLine log={childLog} depth={depth + 1} />
 	{/each}
 {/if}