type information is wrong for RealtimePostgresChangesPayload

Bug report

Not sure if this belongs here or in supabase/supabase-js.

Describe the bug

When using realtime subscriptions with v2.0.0 of supabase-js the payload type (RealtimePostgresChangesPayload) does not match how the payload actually looks like.

When inspecting the payload in the browser it looks like this:

But RealtimePostgresChangesPayload looks like this and does not contain e.g. record, old_record, columns etc from the actual payload.

export type RealtimePostgresChangesPayload<T extends { [key: string]: any }> = {
  schema: string
  table: string
  commit_timestamp: string
  eventType:
    | `${REALTIME_POSTGRES_CHANGES_LISTEN_EVENT.INSERT}`
    | `${REALTIME_POSTGRES_CHANGES_LISTEN_EVENT.UPDATE}`
    | `${REALTIME_POSTGRES_CHANGES_LISTEN_EVENT.DELETE}`
  new: T | {}
  old: Partial<T> | {}
  errors: string[]
}

Even worse: old and new are present but always undefined. So with the current state of the type I do not even get the data I need.

Expected behavior

RealtimePostgresChangesPayload should reflect the actual payload type.

System information

• Version of supabase-js: 2.0.0
• Version of Node.js: 16.14.2

[w3b6x9]

I encountered this locally using the CLI v1.6.0.

@samuba existing CLI’s Realtime is not yet compatible with supabase-js v2. Try it with the hosted Supabase when ready.

The docs are currently not documenting the payload type at all. Only the parameters.

Thanks, will take a look.

[guillaume86]

Same issue here with the self hosted docker images and realtime-js@2.1.0. Any news for a update?