realtime websocket failed to connect

import { RealtimeClient } from '@supabase/realtime-js'
const socket = new RealtimeClient(
  'wss://<project-ref-id>.supabase.co/realtime/v1'
)
socket.connect()
    const channel = socket.channel('public:user')
    channel.on(
      'postgres_changes',
      { event: '*', schema: 'public', table: 'user' },
      (e) => console.log('payload ', e)
    )
    channel.subscribe()

import { RealtimeClient } from '@supabase/realtime-js'
const socket = new RealtimeClient(
  'wss://<project-ref-id>.supabase.co/realtime/v1'
)
socket.connect()
    const channel = socket.channel('public:user')
    channel.on(
      'postgres_changes',
      { event: '*', schema: 'public', table: 'user' },
      (e) => console.log('payload ', e)
    )
    channel.subscribe()