Error: mismatch between server and client bindings for postgres changes
I am trying to automatically sync database state to state in frontend app.
const setupRealtimeSubscription = async () => {
const channel = supabase
.channel("videos-changes")
.on(
"postgres_changes",
{
event: "*",
schema: "public",
table: "videos",
filter:
},
(payload) => {
console.log("Realtime event received:", payload);
}
)
.subscribe((status, err) => {
});
As I refresh the page, sometimes it works properly, sometimes this error (on attached image) happens.
I have free subscription plan
const setupRealtimeSubscription = async () => {
const channel = supabase
.channel("videos-changes")
.on(
"postgres_changes",
{
event: "*",
schema: "public",
table: "videos",
filter:
user_id=eq.${user.id}},
(payload) => {
console.log("Realtime event received:", payload);
}
)
.subscribe((status, err) => {
});
As I refresh the page, sometimes it works properly, sometimes this error (on attached image) happens.
I have free subscription plan
