title: React won't return more than one document from firebase
body: <p>I am new to using React with Firebase and I am struggling to return the data that I have in firebase. I have a collection called &quot;users&quot; and multiple documents inside with auto-generated IDs. I also have 3 fields in each document, fullname, email and id. This is the code I am using to fetch the documents:</p>
  <pre><code>function App() {
  
    const db = firebase.firestore();
    const [users, setUsers] = useState([])
    const fetchUsers = async () =&gt; {
      const response = db.collection('users');
      const data = await response.get();
      data.docs.forEach(item =&gt; {
        setUsers([...users, item.data()])
      })
    }
  
    useEffect(() =&gt; {
      fetchUsers();
    }, [])
  
    return (
      &lt;div&gt;
        {
          users &amp;&amp; users.map(user =&gt; {
            return (
              &lt;div key={user.id}&gt;
                &lt;div&gt;
                  &lt;h4&gt;{user.fullname}&lt;/h4&gt;
                  &lt;p&gt;{user.email}&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            )
          })
        }
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>In the console, it is returning all of the documents in individual arrays but on the webpage, it is only returning the last document. Is there a way to return all of the documents? Any help would be appreciated, thank you.</p>