Estoy tratando de crear un chat, he creado una instancia de socket y lo he desmontado, pero el problema es que la conexión muestra falso y verdadero al mismo tiempo, los chats y los mensajes se escuchan pero no se pueden obtener los mensajes nuevos. ¿Qué es? ¿La forma correcta de usar socket.io-client? ¡¡ayuda!!

cuando hago console.log(socket) en el cliente, esto se imprime de la siguiente manera:

 Socket {connected: false, receiveBuffer: Array(0), sendBuffer: Array(0), ids: 0, acks: {…}, …} acks: {0: ƒ} connected: true flags: {} id: "_klZ4PeyF0r37wPcAABa" ids: 1 io: Manager {nsps: {…}, subs: Array(5), opts: {…}, setTimeoutFn: ƒ, clearTimeoutFn: ƒ, …} nsp: "/" receiveBuffer: [] sendBuffer: [] subs: (4) [ƒ, ƒ, ƒ, ƒ] _callbacks: {$chats: Array(1), $new_message: Array(1), $message_list: Array(1)} active: (...) disconnected: (...) volatile: (...) [[Prototype]]: Emitter

cuando hago consolelog(socket.connected) , también devuelve falso, he creado la instancia de esta manera,

 useEffect(() => { socket = io(`https://samsara-chat.herokuapp.com/?token=${token}`, { transports: ['websocket'] // autoConnect: true }) socket?.connect() socket?.emit('chat-list', {}) socket?.on('chats', (args) => { setChats(args.chats) }) socket?.emit('list', { room_id: currentroom }) socket?.on('message_list', (args) => { setMessage((list) => [...args.messages]) }) return () => { socket?.disconnect() } }, [socket, currentroom])