supabase realtime not firing event on vercel

[latifs]

Summary

Hi Guys,
wondering if anyone here has any issues with listening to Supabase realtime events on Vercel.
Everything works fine on localhost but as soon as it is deployed I'm not getting my updates anymore.
I've had the same problem with a SlackBot that I ended up hosting on render so I'm wondering if this is a know issue.
Are there settings on Vercel that I'm missing?
I'd like to keep using Vercel but everything seems to work out of the box on render.

Here's the code I use:

 ...
  useEffect(() => {
    if (!activeChat.id || !supabase) return;

    const subscribedChannel = supabase
      .channel(`messages-thread-${activeChat.id}`)
      .on(
        'postgres_changes',
        {
          event: 'INSERT',
          schema: 'public',
          table: 'Message',
          filter: `chatId=eq.${activeChat.id}`,
        },
        (payload) => {
          console.log('Change received!', payload);
          // here you can only add the payload if the chatId is the same as the active chat
          if (payload.new.chatId === activeChat.id) addMessage(payload.new);
        }
      )
      .subscribe();

    console.log('subscribedChannel:', subscribedChannel);

    const unsubscribeFromMessages = () => {
      supabase.removeChannel(subscribedChannel);
    };

    return unsubscribeFromMessages;
  }, [activeChat.id, supabase]);
...

Additional information

No response

Example

No response