title: How do I resolve nested promises in an object
body: <p>Code:</p>
  <pre><code>async function main() {
    const arr = [];
    symbols.forEach((symbol) =&gt; {
      const record = {
        [symbol]: {
          quote: priceQuote(token, symbol),
          history: makePriceHistoryRequest(token, symbol, slow * 2),
        }
      }
      arr.push(record);
    })
      return arr;
  }
  </code></pre>
  <p>I call main as follows:</p>
  <pre><code>main().then(res=&gt;{
    console.log(res);
  })
  </code></pre>
  <p>It returns <code>quote</code> and <code>history</code> as <code>Promise</code>. How can I get into nested pending promise?</p>
  <p>Thanks!</p>