Tengo una estructura de datos como esta.

Ahora quiero extraer de la colección de productos. Ya puedo obtener sus campos pero no sé cómo extraer subcolecciones. Aquí está mi código para extraer el campo de la colección de productos.
useEffect(() => { async function fetchData() { const conditional_fetch = query( collection(db, "products"), where("active", "==", true) ); const querySnapshot = await getDocs(conditional_fetch); const products = []; querySnapshot.forEach((doc) => { products[doc.id] = doc.data(); }); setProducts(products); } fetchData();Tendría que hacer solicitudes separadas para cada subcolección de prices de productos. Así que podrías intentar algo como esto:
async function fetchData() { // 1. Fetching products const conditional_fetch = query( collection(db, "products"), where("active", "==", true) ); const querySnapshot = await getDocs(conditional_fetch); const products = []; // 2. For each product, fetching documents from prices sub-collection for (const doc of querySnapshot.docs) { const prices = await getDocs( collection(doc.ref, "prices", "timestamp", "desc") ); products.push({ id: doc.id, ...doc.data(), prices: prices.docs.map(p => p.data()) }); } setProducts(products); }