fix: Bind proper object to setAuth on Realtime callback (#1324)

package.json

@@ -44,7 +44,7 @@
     "@supabase/functions-js": "2.4.3",
     "@supabase/node-fetch": "2.6.15",
     "@supabase/postgrest-js": "1.16.3",
-    "@supabase/realtime-js": "2.10.9",
+    "@supabase/realtime-js": "2.11.2",
     "@supabase/storage-js": "2.7.1"
   },
   "devDependencies": {

src/SupabaseClient.ts

@@ -117,8 +117,11 @@ export default class SupabaseClient<
     }
 
     this.fetch = fetchWithAuth(supabaseKey, this._getAccessToken.bind(this), settings.global.fetch)
-
-    this.realtime = this._initRealtimeClient({ headers: this.headers, ...settings.realtime })
+    this.realtime = this._initRealtimeClient({
+      headers: this.headers,
+      accessToken: this._getAccessToken.bind(this),
+      ...settings.realtime,
+    })
     this.rest = new PostgrestClient(`${_supabaseUrl}/rest/v1`, {
       headers: this.headers,
       schema: settings.db.schema,
@@ -330,13 +333,9 @@ export default class SupabaseClient<
       (event === 'TOKEN_REFRESHED' || event === 'SIGNED_IN') &&
       this.changedAccessToken !== token
     ) {
-      // Token has changed
-      this.realtime.setAuth(token ?? null)
-
       this.changedAccessToken = token
     } else if (event === 'SIGNED_OUT') {
-      // Token is removed
-      this.realtime.setAuth(this.supabaseKey)
+      this.realtime.setAuth()
       if (source == 'STORAGE') this.auth.signOut()
       this.changedAccessToken = undefined
     }