Closing websocket connections within a react context

[kasvith]

Hi, im trying to use this library with a React context, according to the description unless the component unmounts the library not closing the connections

in my case the connections being kept open, or new ones being created when context value changes. there is no way for close unwanted socket connections

export const ConversationProvider = ({
  conversationId,
  children,
}: ConversationProviderProps) => {
  const [selectedConversationId, setSelectedConversationId] = useState(
    conversationId || ""
  );

  const wsUrl = useMemo(() => {
    if (!selectedConversationId) return null;
    return `wss://example.com/conversation/${selectedConversationId}`;
  }, [selectedConversationId]);

  const handleWsMessage = useCallback((e: MessageEvent) => {
    console.log("Message received:", e.data);
    // Handle WebSocket messages here
  }, []);

  useWebSocket(
    wsUrl,
    {
      onMessage: handleWsMessage,
      retryOnError: true,
    },
    !!selectedConversationId // Determines whether the WebSocket should connect
  );

  const contextValue = useMemo(
    () => ({
      selectedConversationId,
      setSelectedConversationId,
    }),
    [selectedConversationId]
  );

  return (
    <ConversationContext.Provider value={contextValue}>
      {children}
    </ConversationContext.Provider>
  );
};