Realtime Typescript Types

Hey, how can you use Typescript in combination with realtime to get typed arguments for the callback?

const channel = supabase
    .channel("public:channelName")
    .on(
        "postgres_changes",
        {
            event: "INSERT",
            schema: "public",
            table: "channelName"
        },
        (payload) => {
            console.log("INSERT", payload);
        })
    .subscribe();

const channel = supabase
    .channel("public:channelName")
    .on(
        "postgres_changes",
        {
            event: "INSERT",
            schema: "public",
            table: "channelName"
        },
        (payload) => {
            console.log("INSERT", payload);
        })
    .subscribe();

const channel = supabase
    .channel("public:channelName")
    .on(
        "postgres_changes",
        {
            event: "INSERT",
            schema: "public",
            table: "channelName"
        },
        (payload) => {
            console.log("INSERT", payload);
        })
    .subscribe();

const channel = supabase
    .channel("public:channelName")
    .on(
        "postgres_changes",
        {
            event: "INSERT",
            schema: "public",
            table: "channelName"
        },
        (payload) => {
            console.log("INSERT", payload);
        })
    .subscribe();

In this case

payload

payload

payload

payload has the type

any

any

any

any. I did pass my Typescript definitions to the constructor when creating the

SupabaseClient

SupabaseClient

SupabaseClient

SupabaseClient (

const supabase = createClient<Database>

const supabase = createClient<Database>

const supabase = createClient<Database>

const supabase = createClient<Database>) and get correct types for normal queries.

Realtime Typescript Types

Similar Threads

Similar Threads

Similar Threads