Quiero usar socket.io-client en Vanilla Reaccionar sin contexto. Este oyente socket.on en el tercer usoEffect no funciona si no vuelvo a renderizar esta página, donde he hecho setSocket(HomeScreen.jsx), el evento ya no se activa y obtengo Cannot read properties of null (leyendo 'emit '). Entonces, si quiero que funcione, entonces tengo que hacer que esta página se vuelva a renderizar para que el evento funcione después de cada activación exitosa del evento. Estoy bastante seguro de que se trata de un error de frontend, ya que estoy consola. Registrando todos los socket.ids para emitir con éxito en el backend.

También me gustaría saber cómo puedo separar el tercer useEffect en un componente diferente o tener oyentes socket.io en un componente diferente donde no configuré el zócalo. ¿Es posible a través de componentes que pasan? ¿Si es así, cómo?

Soy nuevo en socket.io-client y quiero usar Vanilla Reaccionar sin contexto. Creo que estoy enfrentando estos problemas debido a que no tengo la estructura adecuada en socket.io-client

Este código para socket.io ocurre después de un inicio de sesión exitoso donde configuro el authToken de localStorage y accedo a HomeScreen.jsx. Por favor, ayúdenme a reestructurar mejor mi código socket.io en el lado del cliente.

Pantalla de inicio.jsx:

 useEffect(() => { if(localStorage.getItem('authToken') && !localStorage.getItem('showedLoginStatus')){ toast.success("Login successful!"); localStorage.setItem('showedLoginStatus', 'showed'); } setSocket(io.connect(backendLink)); }, []) useEffect(() => { console.log(socket, localStorage.getItem('authToken')); socket?.emit("newUser", localStorage.getItem('authToken')); }, [socket]) useEffect(() => { socket?.on("notifyFriendRequest", () => { console.log('sent'); // readRequests(); }) return () => socket?.off("notifyFriendRequest"); }, [socket])