title: Javascript Array push working randomly or interfering in post data
body: <p>I have this function which is working correctly:</p>
  
  <pre><code>extractDataFromClusters(dataSource) {
  let datas = [];
  dataSource.clusters.map(cluster =&gt; {
    datas.push(&lt;Text&gt;SEPARATOR&lt;/Text&gt;);
    cluster.map(data =&gt;
      datas.push(
        &lt;View style={styles.slide1}&gt;
          &lt;Text&gt;{data}&lt;/Text&gt;
        &lt;/View&gt;,
      ),
    );
    datas.push(&lt;Text&gt;SEPARATOR&lt;/Text&gt;);
  });
  return datas;
  }
  </code></pre>
  
  <p>but when I replace the value in the push to the right tag values i would like to print:</p>
  
  <pre><code>  extractDataFromClusters(dataSource) {
      let datas = [];
      dataSource.clusters.map(cluster =&gt; {
        datas.push(&lt;Swiper
              style={styles.wrapper}
              height={200}
              horizontal={true}
              autoplay&gt;);
        cluster.map(data =&gt;
          datas.push(
            &lt;View style={styles.slide1}&gt;
              &lt;Text&gt;{data}&lt;/Text&gt;
            &lt;/View&gt;,
          ),
        );
        datas.push(&lt;/Swiper&gt;);
      });
      return datas;
    }
  </code></pre>
  
  <p>Then i got next error: "Reference Error: Can't find variable: data" . How is this possible?
  How is it possible that just changing the push before the map function it crashes the funcion?
  I did not touch that part of the code.</p>
  
  <p>Doe anyone has any hint here? What am I missing?</p>
  
  <p>Thank you!</p>