Tengo un problema con un componente que estoy haciendo, en el que necesito obtener data de Firestore para actualizar algunos campos.
tengo primero un useEffect que obtiene la info de firestore y la guarda con el setData
useEffect(()=>{
if(docRef) {
const getDoc = () => {
docRef && db.collection("prospects").doc(docRef).onSnapshot(function(doc) {
let tempPassword = 'xxxxxxxxxx';
setData({...data, ...doc.data(), password: tempPassword})
})}
return getDoc();
}
}, [docRef])
una vez que el usuario termina el proceso se va a crear un usuario con firebase auth y se va a guardar en una coleccion llamada users, pero antes necesito comprobar si ese usuario no ha realizado antes otro registro, en caso de que así sea, obtener de ese registro el uid para sobreescribir el documento y el tempPassword para enviarselo al usuario.
Para eso escribí este código en el que uso el correo que ingresó el usuario y que ya está guardado en data por el useEffect anterior, para buscar en la coleccion users:
useEffect(() => {
if(!data) return
db.collection("users").where("email", "==", data.email)
.get()
.then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
setData({...data, uid: doc.data().uid, password: doc.data().password})
});
})
.catch(function(error) {
console.log("Error getting documents: ", error);
});
}, [data])
pero esto me está generando un bucle infinito, que si bien funciona, me está provocando algunos errores con otras validaciones y que esté funcionando muy lento.
Espero no haber hecho la explicación muy confusa, y de antemano agradezco si alguien me pudiera ayudar.
Saludos
collection("users").where("email", "==", data.email)
podrías hacercollection("users").doc(uid)