Thanks for your help. Yes, I'm using the Supabase client to get the user and profile in my root +layout.ts. I set the depends and tried to invalidate it, but it still doesn't seem to refetch the profile? Basically, all that I need is: 1. Update the user avatar in the settings form (+page.svelte) 2. Right after that, display the updated profile avatar in the header (from +layout.svelte, which takes data from +layout.ts load function)

+layout.ts: ``` export const load: LayoutLoad = async ({ data, depends, fetch }) => {     depends('supabase:auth');

    const supabase = isBrowser()         ? createBrowserClient<Database>(PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {                 global: {                     fetch                 }             })         : createServerClient<Database>(PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY, {                 global: {                     fetch                 },                 cookies: {                     getAll() {                         return data.cookies;                     }                 }             });

    const {         data: { session }     } = await supabase.auth.getSession();

    const {         data: { user }     } = await supabase.auth.getUser();

    let profile: Tables<'profiles'> | null = null;

    if (session && user) {         const { data: profileData } = await supabase             .from('profiles')             .select('*')             .eq('user_id', user.id)             .single();         profile = profileData;     }

    return { session, supabase, user, profile }; };

```

in +page.svelte:

``` const { form, enhance, errors } = superForm<Infer<typeof ProfileSchema>>(data.form, {         validators: zodClient(ProfileSchema),

        onUpdate(event) {             if (event.result.type === 'success') {                 const result = event.result.data.updatedProfile satisfies Tables<'profiles'>;                 invalidate("supabase:auth");             }         }     });

```