title: Event Stream data not showing in Chrome console
body: <p>I have an EventSource listener on my frontend calling a complicated backend scheme. This code block is written in Typescript.</p>
  
  <pre><code>import * as EventSource from 'eventsource';      
  
  private streamData() {
      let source = new EventSource('http://localhost:3000/websocket/server/stream');
  
      source.onopen = (e) =&gt; {
  
      };
  
      source.onmessage = (e) =&gt; {
        console.log('id: ' + (&lt;any&gt;e).lastEventId + '; type: ' + e.type + ' data: ' + e.data);
      };
    }
  </code></pre>
  
  <p>And I send back the following response to my server :</p>
  
  <pre><code>res.write('id: ' + this.messageId++ + '\n');
  res.write('type: message\n');
  res.write('data: ' + message + '\n\n');
  res.flush();
  </code></pre>
  
  <hr>
  
  <p>Now, on the Chrome console, I get all the data needed.
  <a href="https://i.stack.imgur.com/PiDsg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PiDsg.png" alt="enter image description here"></a></p>
  
  <p>However, on the xhr monitor, I cannot see the EventStream data.</p>
  
  <p><a href="https://i.stack.imgur.com/rZSVP.png" rel="noreferrer"><img src="https://i.stack.imgur.com/rZSVP.png" alt="enter image description here"></a></p>
  
  <p>I get the info on my frontend, so this is not a blocking issue for me, but may pose some problems later in debugging.</p>