How to keep store in sync with supabase's multitab session?

const initialState = {
    id: null,
    username: null,
    display_name: null,
    about_me: null,
    avatar_url: "",

    loading: true,
    isAuthenticated: false,
    ...
}

const initialState = {
    id: null,
    username: null,
    display_name: null,
    about_me: null,
    avatar_url: "",

    loading: true,
    isAuthenticated: false,
    ...
}

Me:
I have noticed that when a session is active on one tab, it doesn't refresh on other tabs.

After some searching, I came across this PR:
https://github.com/supabase/gotrue-js/pull/566

It mentions that storageKey should be used for the channel's name. What is- and where is the storageKey obtained from?

Moderator:
storageKey is used to separate the supabase clients so they don't interact. If you don't use it in createClient options then all of the tabs should be in sync.

Me:
Tabs are in sync how? For example, I store the logged in user's data in a redux- like store.
Should I subscribe to some type of auth event in order to know if a user is logged out?

Moderator:
Supabase-js is set up to keep the local storage in sync for multiple tabs. I don't know what redux-like storage is in the context here.

I don't think you said what your environment is. But on simple javascript browser Supabase uses local storage to keep the tabs in sync (or it is supposed to). If you are doing something with sessions on your own then you would need to describe that method and see if someone has ideas.

sb-[app id]-auth-token: { access_token: ... }

sb-[app id]-auth-token: { access_token: ... }