title: how i can make my data appear on a nested object?
body: <p>My .map doesn't want to appear. Which is weird, because my data appear on my doc.id like that :</p>
  <p>{&quot;Activity&quot;: &quot;CrossFit&quot;, &quot;Adress&quot;: &quot;Plage&quot;, &quot;City&quot;: &quot;Nice&quot;, &quot;Owner&quot;: true, &quot;members&quot;: &quot;4&quot;, &quot;membersList&quot;: [{&quot;id&quot;: &quot;&quot;, &quot;nickName&quot;: &quot;&quot;, &quot;statut&quot;: &quot;&quot;}, {&quot;id&quot;: &quot;4xAIad0e4uQipMtR6Tiasb5l1yl1&quot;, &quot;nickName&quot;: &quot;Marcel&quot;, &quot;statut&quot;: &quot;en attente&quot;}, {&quot;id&quot;: &quot;po1&quot;, &quot;nickName&quot;: &quot;gypsy2&quot;, &quot;statut&quot;: &quot;teletubies3&quot;}], &quot;text&quot;: &quot;Viens te surpasser avec nous !&quot;, &quot;uid&quot;: &quot;chv1UewYaIgLvixpNcdok5dZstI3&quot;}</p>
  <p>I wanna catch all the objects memberlist on my .map but when i tried to updated teams.memberlist and also just Teams, my console.log is empty.</p>
  <p>Did i foreget something ?</p>
  <pre><code>function GetFriendsRequest() {
    const [TeamsArray, updateTeamArray] = React.useState([]);
    const [TeamsMembers, updateTeamsMembers] = React.useState([]);
    let fetch = async () =&gt; {
      firestore()
        .collection(&quot;Teams&quot;)
        // Filter results
        .where(&quot;uid&quot;, &quot;==&quot;, await AsyncStorage.getItem(&quot;userID&quot;))
        .get()
        .then((querySnapshot) =&gt; {
          if (querySnapshot.empty) {
            console.log(&quot;no documents found&quot;);
          } else {
            querySnapshot.forEach(async (doc) =&gt; {
              let Teams = doc._data;
  
              updateTeamArray((arr) =&gt; [...arr, Teams]);
              updateTeamsMembers((arr) =&gt; [...arr, Teams.membersList]);
  
              console.log(&quot;cc&quot;, TeamsArray);
              console.log(doc._data);
            });
          }
        });
    };
    useEffect(() =&gt; {
      fetch();
    }, []);
  
    return (
      &lt;View&gt;
        {TeamsArray.map((element, key) =&gt; {
          return (
            &lt;View style={{ flex: 1, flexDirection: &quot;row&quot; }}&gt;
              &lt;View&gt;
                &lt;Text style={{ color: &quot;#5DC1D3&quot; }}&gt;
                  {element.membersList.nickName}
                &lt;/Text&gt;
              &lt;/View&gt;
            &lt;/View&gt;
          );
        })}
      &lt;/View&gt;
    );
  }
  </code></pre>