for await is having issues in chrome

client_and_server_issue.js

// server code in handler: running on nodejs
await pipe(
  stream,
  (source) => (async function * () {
    for await (const message of source) {
      console.log(' > ')
      console.log(message.toString())

      yield 'response'
    }
  })(),
  stream
)



// browser client code after calling newStream that works fine
await pipe(
  ['testRequest'],
  stream,
  async (source) => {
    const { value, done } = await source.next()
    console.debug(`new message with iterator state done ${done}: ${value.toString()}`)
    const resp = await source.next()
    console.log('and after next() twice, resp is ', resp)
  }
)


// browser client code after calling newStream that prints infinite loop of message: undefined
await pipe(
  ['testRequest'],
  stream,
  async (source) => {
    for await (const message of source) {
      console.log(`message: ${message}`)
    }
  }
)