Cada vez que abro una página determinada en mi aplicación, aparece el error Can't perform a react state on an unmounted component, it indicates a memory leak.. ¿Cómo puedo solucionarlo? la página es una página de perfil. Obtengo los datos del usuario y las publicaciones, contiene una vista de pestaña nativa de React, así es como obtengo los datos.

 useEffect(() => { const { currentUser, posts } = props; if (props.route.params.uid === firebase.auth().currentUser.uid) { setUser(currentUser); setUserPosts([]); } else { firebase .firestore() .collection('Users') .doc(props.route.params.uid) .get() .then((snapshot) => { if (snapshot.exists) { setUser(snapshot.data()); } else { console.log('does not exist'); } }); firebase .firestore() .collection('Users') .doc(props.route.params.uid) .collection('userPosts') .orderBy('creation', 'desc') .get() .then((snapshot) => { let posts = snapshot.docs.map((doc) => { const data = doc.data(); const id = doc.id; return { id, ...data }; }); setUserPosts(posts); }); } if (props.following.indexOf(props.route.params.uid) > -1) { setFollowing(true); } else { setFollowing(false); } }, [props.route.params.uid, props.following]);