title: Why can't I loop through an array in onMounted hook in Vue3?
body: <p>My code is very simple:</p>
  <pre><code>onMounted( async () =&gt; {
    let result = await checkStatus(props.cartItems)
    console.log(result)
    result.forEach( () =&gt; 
      console.log(&quot;just say anything!&quot;)
    )
  })
  </code></pre>
  <p>Console logging result variable gives me a proper array of objects, but when I try to loop through it - nothing happens. Why?</p>
  <p>EDIT:</p>
  <p>Array (copied from console):</p>
  <pre><code>[
    {
      &quot;id&quot;: &quot;qbcILVE10WIwBsjIzRJ9&quot;,
      &quot;status&quot;: &quot;purchased&quot;
    },
    {
      &quot;id&quot;: &quot;wiATvGrBWpfDnVruTFnu&quot;,
      &quot;status&quot;: &quot;available&quot;
    }
  ]
  </code></pre>
  <p>Composable:</p>
  <pre><code>import { firestore } from '@/firebase/config.js'
  
  const checkStatus = (items) =&gt; {
  
    let statuses = []
  
    let promises = items.map( item =&gt; {
      const docRef = firestore.collection('beats').doc(item.id)
      return docRef.get()
    })
  
    Promise.all(promises).then( resp =&gt; {
      resp.forEach( r =&gt; {
        statuses.push( {
          id: r.id,
          status: r.data().status 
        })
      })
    })
  
    return statuses
  }
  
  export default checkStatus
  </code></pre>