Estoy implementando un directorio de productos usando Firebase & React, pero hay algo que no puedo entender cuando consulto mis productos. Mi página de destino contiene 4 mosaicos para las 4 categorías principales de productos y quiero buscar los 3 productos más populares para cada categoría. Por ahora invoco 4 componentes que contienen esta función:

 const [products, setProducts] = useState([]); async function fetchProducts() { const q = query( collection(db, "products"), where("category", "==", props.slug), orderBy("votes", "desc"), limit(3) ); const querySnapshot = await getDocs(q); const prod = []; querySnapshot.forEach((doc) => { prod.push(doc.data()); }); setProducts(prod); } useEffect(() => { fetchProducts(); });

Mi código funciona, pero no puedo calcular la enorme cantidad de lecturas cada vez que presiono npm run para probar mi código. Solo hay 5 productos en la base de datos, pero ejecutar mi código en localhost durante unos 5 minutos generó 45k lecturas... ¿alguna idea de por qué? Muchas gracias !