supabase realtime can’t establish a connection to the server at ws://127.0.0.1:54321/realtime

this.supabaseClient.channel('matches_updated')
  .on(
    'postgres_changes',
    { event: '*', schema: 'public', table: 'matches', filter: 'event_id=eq.' + id },
    (payload) => {
      console.error('Change received!', payload)
      }
    )
 .subscribe();

this.supabaseClient.channel('matches_updated')
  .on(
    'postgres_changes',
    { event: '*', schema: 'public', table: 'matches', filter: 'event_id=eq.' + id },
    (payload) => {
      console.error('Change received!', payload)
      }
    )
 .subscribe();