diff --git a/examples/user-management/sveltekit-user-management/src/routes/+layout.svelte b/examples/user-management/sveltekit-user-management/src/routes/+layout.svelte
index ca7ca06a0c1..8f306ce8f2c 100644
--- a/examples/user-management/sveltekit-user-management/src/routes/+layout.svelte
+++ b/examples/user-management/sveltekit-user-management/src/routes/+layout.svelte
@@ -2,12 +2,12 @@
 <script lang="ts">
 	import '../styles.css'
 	import { invalidate } from '$app/navigation'
-	import { props, effect } from 'svelte'
+	import { onMount } from 'svelte'
 
-	const data = props<{ supabase: any; session: any }>()
+	export let data: { supabase: any; session: any }
 	const { supabase, session } = data
 
-	effect(() => {
+	onMount(() => {
 		const { data: authData } = supabase.auth.onAuthStateChange((event, _session) => {
 			if (_session?.expires_at !== session?.expires_at) {
 				invalidate('supabase:auth')
@@ -25,5 +25,5 @@
 </svelte:head>
 
 <div class="container" style="padding: 50px 0 100px 0">
-	{@render slot()}
+	<slot />
 </div>