© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
SupabaseS
Supabase•4y ago
j4

SvelteKit Auth Helper

I'm curious why
onAuthStateChange()
onAuthStateChange()
is placed inside
onMount()
onMount()
. Anyone have insight? Not trying to imply it shouldn't, just want to better understand.

<!-- src/routes/+layout.svelte -->
<script>
  import { supabaseClient } from '$lib/db';
  import { invalidate } from '$app/navigation';
  import { onMount } from 'svelte';

  onMount(() => {
    const {
      data: { subscription }
    } = supabaseClient.auth.onAuthStateChange(() => {
      invalidate('supabase:auth');
    });

    return () => {
      subscription.unsubscribe();
    };
  });
</script>

<slot />
<!-- src/routes/+layout.svelte -->
<script>
  import { supabaseClient } from '$lib/db';
  import { invalidate } from '$app/navigation';
  import { onMount } from 'svelte';

  onMount(() => {
    const {
      data: { subscription }
    } = supabaseClient.auth.onAuthStateChange(() => {
      invalidate('supabase:auth');
    });

    return () => {
      subscription.unsubscribe();
    };
  });
</script>

<slot />
Supabase banner
SupabaseJoin
Supabase gives you the tools, documentation, and community that makes managing databases, authentication, and backend infrastructure a lot less overwhelming.
45,816Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Sveltekit Auth Helper update for latest sveltekit ?
SupabaseSSupabase / help-and-questions
4y ago
Sveltekit auth helper example error
SupabaseSSupabase / help-and-questions
4y ago
SvelteKit Auth Helper Doesn't Refresh
SupabaseSSupabase / help-and-questions
4y ago
Supabase SvelteKit Helper
SupabaseSSupabase / help-and-questions
4y ago