diff --git a/src/routes/docs/tutorials/sveltekit/step-7/+page.markdoc b/src/routes/docs/tutorials/sveltekit/step-7/+page.markdoc
index 7b6ab6bf9a..01ee4a0648 100644
--- a/src/routes/docs/tutorials/sveltekit/step-7/+page.markdoc
+++ b/src/routes/docs/tutorials/sveltekit/step-7/+page.markdoc
@@ -29,7 +29,7 @@ Simple as that! Now, let's create the page itself. Replace the contents in `src/
 	import { addIdea, deleteIdea } from '$lib/ideas.js';
 	import { user } from '$lib/user.js';
 
-	export let data;
+	let { data } = $props();
 
 	const add = async (e) => {
 		e.preventDefault();