Enlace a la primera pregunta de respuesta: problema con la función de restablecimiento de estado y solo para obtener datos (ganchos de reacción)

Mi jerarquía de estructura de mis componentes: contenedor de búsqueda --> viewSearchBranches --> profilesSearchOnline

Tengo un componente hijo llamado: "profilesSearchOnline".

Allí hago un detector de eventos para ver si un nuevo usuario ingresó al sitio, y si es así, lo agrego en la pantalla.

El problema es cuando trato de agregarlo (digamos a una lista vacía), las variables "perfiles" que provienen de la tienda redux, "recuerden" que la última lista estaba en otra página antes de eso. (que generalmente muestran 4 usuarios al principio).

Así que tengo un problema, quería que la lista estuviera vacía (en la primera carga) -> así que creé la función restoreStatesToDefault().

Pero en realidad, cuando los componentes secundarios intentan agregar un nuevo usuario al sitio, veo que está lleno con 4 usuarios en la última página, en realidad no se vacía porque se agrupa.

Intento enviar la variable shouldFetch a los componentes secundarios que se me muestran, pero no funciona.

El error es: esto causa un error de Error: No se puede encontrar el módulo './indefinido'.

componente profilesSearchOnline:

 const profiles = useSelector(state => state.profiles); const currUser = useSelector(state => state.user); const {list} = profiles; useEffect( ()=> { setEventsToUserConnectivity(); },[profiles]); const setEventsToUserConnectivity = () => { listenToswitchUserToOnlineEvent(); listenToDisconnectUserEvent(); } const listenToswitchUserToOnlineEvent = () => { currUser.socket_server.on('user_connect',(profileObj) => { if(history.location.pathname == '/search/online' && !isUserAlreadyOnline(profileObj.userId) ){ dispatch(addProfileToList(list,profileObj)); --> here i am adding the "list" which should be empty but actually its full with 4 users already and there is an error. setProfilesLoading(null); } }) }