Intento obtener todos los documentos de Firebase cuando el usuario se conecta desde localhost:3000/ (se redirige automáticamente a /profile ) pero no funciona en la primera ejecución. Luego, cuando un usuario actualiza la página, funciona. ¿Cómo puedo ejecutarlo en el primer intento? Código a continuación:
try { const querySnapshot = await getDocs(collection(db, "links")); await querySnapshot.forEach((doc) => { if (stUser.uid == doc.data().uid) { links.push(doc.id); } }); } catch (e) { console.log(e); }Redirecciones:
function first() { if (!isLoggedIn.isLoggedIn) return <Redirect to="/auth" />; } function second() { if (isLoggedIn.isLoggedIn) return <Redirect to="/profile" />; } return ( <div> <Route exact path="/"> <Redirect to="/auth" /> </Route> {handleRoute(images)} <Route path="/auth" component={Dashboard}> {second()} </Route> <Route strict path="/profile" component={HomePage}> {first()} </Route> </div> );El problema aquí es que no está configurando esta variable en su estado, como lo menciona Frank en los comentarios, por lo que es posible que los cambios que realice en esta variable no se actualicen hasta que realmente los fuerce actualizando la página. Te recomiendo que pruebes algo como el siguiente código:
const updatedArray = links; await querySnapshot.forEach((doc) => { if (stUser.uid == doc.data().uid) { updatedArray.push(doc.id); } }); setLinks(updatedArray);Además, deberá configurar esto antes en su código:
const [cars, setLinks] = useState([]);finalmente, le recomendaría que consulte esta documentación para una inmersión profunda de useState.