Mi código:

 getDocs(collection(db, "courses")).then(async item=>{ const courses = []; await item.forEach(async course => { let temp_courses = course.data(); let topics = temp_courses.topics await topics.map(async (item,index) => { let temp_item = item; let exercises = item.exercises; const temp_exercises = [] await Promise.all(exercises.map(async exercise=>{ await getDoc(exercise).then(item=>{ temp_exercises.push(item.data()) }) })) temp_item.exercises = temp_exercises; temp_courses.topics[index] = temp_item; }) courses.push(temp_courses) }) console.log(courses) localStorage.setItem("courses", JSON.stringify(courses)); });

Problema: estoy consultando la colección de cursos desde mi Firebase y, dentro de los documentos del curso, estoy consultando otro documento.

Intenté consultar la referencia como se ve y funciona, pero cuando intenté guardarla en el almacenamiento local, los datos se almacenan como referencia.

¿Cómo puedo almacenar los datos reales en su lugar?

Imagen adjunta:

Consola: se muestra la parte del ejercicio

Almacenamiento local: la parte del ejercicio es una referencia al documento.