Estoy tratando de extraer una colección de usuarios de FireStore para que reaccionen con una función asíncrona. El código solo atrae a un usuario cuando quiero a todos los usuarios de la colección.

Soy nuevo en reaccionar y almacenar fuego y no estoy seguro de lo que estoy haciendo mal. Revisé la documentación de Firestore, pero no pude resolver el problema.

¡Gracias por cualquier ayuda!

 function Pull() { const [blogs,setBlogs]=useState([]) const fetchBlogs=async()=>{ const response=firestore.collection('user'); const data= await response.get(); data.docs.forEach(item=>{ setBlogs([blogs,item.data()]) console.log(data) }) } useEffect(() => { fetchBlogs(); }, []) return ( <div className="App"> { blogs.map((items)=> <div className="blog-container"> <h4>{items.user}</h4> </div> ) } </div> ); } export default Pull;