From 95b432bb61770dc69ccb4eda21edc2487b0b0881 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Wed, 18 Dec 2024 20:50:03 +0000
Subject: [PATCH] fix: update layout to use traditional Svelte patterns for SSR
 compatibility

Co-Authored-By: charis@supabase.io <charis@supabase.io>
---
 .../sveltekit-user-management/src/routes/+layout.svelte   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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>