useEffect(() => {
if (!delayedStart) return () => null;
const subscription = supabase
.from("bids")
.on("INSERT", (payload) => {
// if (init) {
console.log("message send recieved", payload);
console.log(
"Value of old messages:",
bids,
"Value of new message:",
payload.new
);
setBids((b) => [...b, payload.new]);
setDelayedStart(false);
setTimeout(() => {
setDelayedStart(true);
}, 420);
// }
})
.subscribe((state) => {
console.log("DEBUG: subscribe", state);
});
return () => {
supabase.removeSubscription(subscription);
};
}, [delayedStart]);
useEffect(() => {
if (!delayedStart) return () => null;
const subscription = supabase
.from("bids")
.on("INSERT", (payload) => {
// if (init) {
console.log("message send recieved", payload);
console.log(
"Value of old messages:",
bids,
"Value of new message:",
payload.new
);
setBids((b) => [...b, payload.new]);
setDelayedStart(false);
setTimeout(() => {
setDelayedStart(true);
}, 420);
// }
})
.subscribe((state) => {
console.log("DEBUG: subscribe", state);
});
return () => {
supabase.removeSubscription(subscription);
};
}, [delayedStart]);