Issue from stream

[vancegillies]

don't know if you fixed this but I played around with the socket hook

i think your issue was this

return () => {
      socket.off('connected');
      // socket.off('onMessage'); < Need to comment out these in other useEffect
      // socket.off('onConversation');
      // socket.off('onMessageDelete');
    };

type SocketPayloadMap = {
  onMessage: MessageEventPayload,
  onConversation: Conversation,
  onMessageDelete: DeleteMessageResponse
}

//HOOK
const useSocket = <K extends keyof SocketPayloadMap>(event: K, listener: (payload: SocketPayloadMap[K]) => void) => {
  const socket = useContext(SocketContext);

  useEffect(() => {
    socket.on(event as string, listener)
    return () => {
      socket.off(event as string, listener)
    }
  }, [socket, event, listener])
}
// Usage
useSocket('onMessage', (payload) => {
  const { conversation, message } = payload;
  console.log(conversation, message);
  dispatch(addMessage(payload));
  dispatch(updateConversation(conversation));
})