Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

auth.onAuthStateChanged triggers on tab switch

See original GitHub issue

Bug report

Describe the bug

To Reproduce

Create starter project using this guide https://supabase.com/docs/guides/with-vue-3
add lines to src/main.js

import { supabase } from "./supabase";
supabase.auth.onAuthStateChange(console.log);

run npm run dev
open http://localhost:3000 in browser
open dev console
Switch to another tab
Switch back to previous tab

Expected behavior

1 SIGNED_IN event in console

Actuall behaviour

2 SIGNED_IN event in console

Screenshots

https://www.loom.com/share/56993404e5f348d2bb23b68b0ad15096

System information

OS: macOS
Browser (if applies) brave
Version of supabase-js: 1.35.3
Version of Node.js: 16.14.0

Issue Analytics

State:
Created a year ago
Comments:8

Top GitHub Comments

6reactions

madebyfabiancommented, Nov 24, 2022

Could we reopen this? I think we need another event that is being fired when we change tabs. Because SIGNED_IN, from my perspective, means that a user just has signed in, or got signed in, and not just the session refreshed due to changed tabs.

Maybe it would make sense to have a SIGNED_IN_REFRESH or something, that would be fired.

I am currently handing the SIGNED_IN so that it redirects to the home route of my app, so everytime a user changes between tabs, it’ll redirect them, which is not particularly what a user would want.

5reactions

OrangeNotecommented, May 14, 2022

createClient(supabaseUrl, supabaseKey, { ...otherOptions, multiTab: false }) should disable this behavior. I am not sure it’s been documented (yet), but I found this option in SupabaseClientOptions and it fixed the issue for me.