title: What is the correct way to have an async function be an array member and await that array with Rx?
body: <p>I'm playin around with RxJS and am trying to define an array of mixed (both type- and synchrony-wise)  values and then feed that to the Rx's <code>from</code>. </p>
  
  <p>However, i'd like for the observers to wait for each asynchronous value in the array and only then to move on to the next one: so, <code>q1</code> should be observed by ObserverA and observerB only after <code>'Three seconds have passed'</code> and, well, with a three-second delay. </p>
  
  <p>I realize that this might be bending the language unnecessarily and also i'm probably missing something about how Rx works, but here is what I have tried. </p>
  
  <pre><code>import { Subject, from } from 'rxjs';
  
  const testmain = async () =&gt;{ 
  
    var subj = new Subject()
      subj.subscribe({
          next: v =&gt; console.log(`observer A: ${v}`)
      })
      subj.subscribe({
          next: v =&gt; console.log(`observer B: ${v}`)
      })
  
  
  
      const observable = from([
   await setTimeout(() =&gt; {return 'Three seconds have passed'}, 3000),   // am i not invoking something here or is await in the wrong place? Getting an immediate response with value [Object object]
  'q1 ', 
  'q23',
  'error',
  'condition',
   4,
   false,
   true])
  
  
      observable.subscribe(subj)
  }
  </code></pre>
  
  <p>Òutput: </p>
  
  <pre><code>observer A: [object Object]
  observer B: [object Object]
  observer A: q1
  observer B: q1
  observer A: q23
  observer B: q23
  observer A: error
  observer B: error
  observer A: condition
  observer B: condition
  observer A: 4
  observer B: 4
  observer A: false
  observer B: false
  observer A: true
  observer B: true
  </code></pre>