Tengo una aplicación de taxi que se conecta a través de socket.io para recibir eventos del lado del conductor, como la ubicación y las respuestas.

El problema al que me enfrento es que si pongo la aplicación del cliente en segundo plano, se desconectará después de un tiempo y recibo los siguientes mensajes en la terminal

 ID context fcRzOWmBSQb3RWlUAAXQ LOG DISCONNECTED ping timeout LOG Is disconnected ping timeout LOG DISCONNECTED ping timeout LOG DISCONNECTED ping timeout LOG Is disconnected ping timeout LOG DISCONNECTED ping timeout LOG Is disconnected ping timeout LOG DISCONNECTED ping timeout LOG Is disconnected ping timeout LOG ID context reconnected undefined LOG ID context reconnected undefined LOG ID context reconnected BhjFYCZXf7BE8vEhAAXw LOG ID context reconnected BhjFYCZXf7BE8vEhAAXw LOG ID context BhjFYCZXf7BE8vEhAAXw LOG ID context BhjFYCZXf7BE8vEhAAXw LOG ID context BhjFYCZXf7BE8vEhAAXw LOG ID context reconnected BhjFYCZXf7BE8vEhAAXw LOG ID context BhjFYCZXf7BE8vEhAAXw

aquí está mi SocketClient.js

 export default class socketAPI { socket; connect(user, listener) { this.socket = io(BASE_URL, { query: `type=client&id=${user}`, reconnection: true, transports: ['websocket', 'polling'], }); this.socket.on('connect', () => { listener(true); }); this.socket.on('disconnect', reason => { console.log('DISCONNECTED', reason); }); } disconnect(listener) { this.socket.disconnect(reason => { this.socket = null; listener(false); }); } emit(event, data, listener) { if (!this.socket) { console.log('No socket connection. Emit event'); return null; } this.socket.emit(event, data, listener); } on(event, listener) { if (!this.socket) { console.log('No socket connection. On event'); return null; } this.socket.on(event, listener); } off(event, listener) { if (!this.socket) { console.log('No socket connection. On event'); return null; } this.socket.off(event, listener); } }

Y esta es la parte de SocketContext.js donde hago la conexión

 useEffect(() => { socketClient.connect(client.id, () => { console.log('ID context', socketClient.socket.id); dispatch(updateSocketStatus(socketClient.socket.id)); }); socketClient.on('disconnect', isDisconnected => { console.log('Is disconnected', isDisconnected); dispatch(updateSocketStatus(null)); if (isDisconnected) { socketClient.connect(client.id, () => { console.log('ID context reconnected', socketClient.socket.id); dispatch(updateSocketStatus(socketClient.socket.id)); }); } }); }, [client]);