Quiero mostrar solo los todos del usuario actualmente conectado. Lo hice para que cuando el usuario inicie sesión, se cree un nuevo documento en la colección de 'usuarios'. El nuevo usuario tiene el mismo id que el uid del usuario autenticado. También implementé una forma de enviar una tarea pendiente nueva solo a la matriz de tareas pendientes del usuario actual. Ahora solo quiero mostrar esos todos. Así es como se ven los datos: 
Antes de esto, ya implementé una forma de agregar y mostrar todos independientemente del usuario actual. Este es el código para mostrar todos:
const todosRef = collection(db, 'todos'); const [newTodos, setNewTodos] = useState([]); //get the db data useEffect(() => { const getTodos = async () => { const q = query(todosRef, orderBy("importance", "desc")); const data = await getDocs(q); setNewTodos(data.docs.map((doc) => ({ ...doc.data(), id: doc.id }))) } getTodos(); }, [])Probablemente solo necesito modificar todosRef, pero no sé cómo.
Yo tengo que trabajar. Mas o menos.
const [user, setUser] = useState({}); const [newTodos, setNewTodos] = useState([]); useEffect(() => { onAuthStateChanged(auth, (currentUser) => { setUser(currentUser); }); }, []) useEffect(() => { const getTodos = async () => { const todoDoc = doc(db, "users", user.uid); const docSnap = await getDoc(todoDoc); const arrayTodos = docSnap.data().todos; setNewTodos(arrayTodos); } getTodos(); }, [])El código mostrará todos los del usuario actual, pero cuando actualizo la página, los todos no se muestran. Todavía están en la base de datos, pero no se muestran. ¿Porqué es eso?
Nota añadida
Cuando edito el código y lo guardo, todos se muestran. Pero cuando actualizo la página, se han ido.
Resuelto tipo de
Creo que sé por qué tengo este comportamiento. Cuando inicio sesión, configuro un nuevo usuario cada vez en mi colección de 'usuarios'. Configuré el nombre de los usuarios solo como una propiedad. Y cada vez que intento iniciar sesión, todos los todos se eliminan, por eso.
const navigate = useNavigate(); const addUser = async (username, userid) => { await setDoc(doc(db, 'users', userid), { name: username }) } const signInWithGoogle = async () => { signInWithPopup(auth, provider).then(result => { const username = result.user.displayName; const userId = result.user.uid; navigate('/todos'); addUser(username, userId); }).catch(err => { console.log(err); }) }