title: ES6 (React) in Chrome debugger not working
body: <p><img src="https://i.stack.imgur.com/9CEry.png" alt="Chrome-Screen-shot"></p>
  
  <p>Hi there, as you may see in the screen capture. I have a snippet of javascript code (ES6/React) opening in the latest Chrome (66.0.3359.170) developer tool.</p>
  
  <p>Part of the code shown correctly as Javascript Code, however from line 31, the code looks like some kind of plain text and there is no way to inspect into the inputs and variables.</p>
  
  <p>Anyone know how to fix it? BTW, latest FireFox works fine in my environment. </p>
  
  <p>Thanks</p>
  
  <p><img src="https://i.stack.imgur.com/hjiiS.png" alt="FireFox-Screen-Shot"></p>