Estoy usando el websocket de finnhub y devuelve información basada en las acciones a las que se suscribe. Siempre que se agregue una acción a mi lista, enviará un mensaje al websocket para suscribirse y agregará la acción a mi matriz de lista de acciones. Quiero comprobar constantemente si hay mensajes, así que quiero mantener la conexión abierta todo el tiempo. Cuando se actualiza la lista de existencias, el estado debería cambiar, pero no lo hace. Creo que es porque el zócalo todavía está abierto, pero no estoy del todo seguro. Si es así, quiero cerrar el socket y actualizar el estado antes de volver a abrir una conexión cada vez que se agrega una acción para que se pueda usar la lista actualizada, pero no estoy seguro de cómo hacerlo. No puedo cerrar el socket en el mismo efecto de uso porque necesito el flujo constante de mensajes y ponerlo en su propio efecto de uso cerrar el socket antes de que esté conectado.

 const [stockList, setStockList] = useState([]); const socket = useRef(""); const webSocketData = useRef(""); const filteredWS = useRef(""); const add = () => { setStockList([...stockList,{ Tick: currentStock.symbol, Name: currentStock.name },]); socket.current.send(JSON.stringify({ type: "subscribe", symbol: currentStock.symbol })) }; useEffect(() => { // Websocket Connection if (!socket.current) { socket.current = new WebSocket(`wss://ws.finnhub.io?token=${apiKey}`); } socket.current.onopen = () => { console.log("websocket open"); socket.current.onmessage = (e) => { webSocketData.current = JSON.parse(e.data); try { let wsData = webSocketData.current.data.map((val) => { return { lastPrice: val.p, Tick: val.s }; }); let copyStockList = [...stockList]; filteredWS.current = copyStockList.map((val1)=>{ return wsData.find((val2) => { if (val2.Tick === val1.Tick) { return {Tick:val2.Tick, lastPrice:val2.lastPrice}; } } ); }) } catch { console.log("Websocket not working"); } }; socket.current.onclose = () => { console.log("web close"); };

}, [lista común]);