title: Getting Promise<fullfield> in return
body: <p>I am adding bunch of promises in an array</p>
  <pre><code>    const apiCallsToMake = [];
       apiCallsToMake.push(this.getDataFromUnsplash(copyInputParams));
       apiCallsToMake.push(this.getDataFromPexels(copyInputParams));
       apiCallsToMake.push(this.getDataFromPixabay(copyInputParams));
      return Promise.all(apiCallsToMake).then((response) =&gt; response);
  </code></pre>
  <p>where my getDataFromUnsplash looks like this</p>
  <pre><code> async getDataFromUnsplash(params: UNSPLASH): Promise&lt;IMAGE_RESPONSE&gt; {
      try {
        const { data } = await axios.get(`${upload_base_url}/search/photos`, {
          params,
        });
        const { results } = data;
        const images = await results.map(async (image: any) =&gt; {
          const imgData = {
            id: image.id,
            url: image.urls.raw,
          };
          if (this.includeBlob) {
            const image_blob = await fetch(image.urls.raw).then(r =&gt; r.blob());
            return { ...imgData, image_blob }
          }
          return imgData
        });
        return { name: &quot;unsplash&quot;, images };
      } catch (error) {
        console.error(error);
        return { name: &quot;unsplash&quot;, error };
      }
    }
  </code></pre>
  <p>Where type for IMAGE_RESPONSE is</p>
  <pre><code>export interface IMAGE_DATA {
    width: number;
    height: number;
    url: string;
    name: string;
    id: string;
    siza_small_url: string;
    image_blob?: Blob
  }
  
  export interface IMAGE_RESPONSE {
    name: SERVICENAME;
    images?: Array&lt;IMAGE_DATA&gt;;
    error?: any;
  }
  </code></pre>
  <p>when i console.log data recieved from <code>romise.all(apiCallsToMake).then((response) =&gt; response);</code>, I am getting promises i.e</p>
  <pre><code>images: (10) [Promise, Promise, Promise, Promise, Promise, Promise, Promise, Promise, Promise, Promise]
  name: &quot;unsplash
  </code></pre>
  <p>or</p>
  <pre><code>Promise {&lt;fulfilled&gt;: {…}}
  1: Promise {&lt;fulfilled&gt;: {…}}
  2: Promise {&lt;fulfilled&gt;: {…}}
  3: Promise {&lt;fulfilled&gt;: {…}}
  4: Promise {&lt;fulfilled&gt;: {…}}
  5: Promise {&lt;fulfilled&gt;: {…}}
  6: Promise {&lt;fulfilled&gt;: {…}}
  7: Promise {&lt;fulfilled&gt;: {…}}
  8: Promise {&lt;fulfilled&gt;: {…}}
  9: Promise {&lt;fulfilled&gt;: {…}}
  </code></pre>
  <p>Can someone tell me why thi sis happening and how I can fix this?</p>