title: VS code debugging browser breakpoints unbound
body: <p>I'm trying to debug my react app browser against my app server in vs code. Though the browser will launch the breakpoints are unbound. The index.js file has two files.</p>
  <ol>
  <li>Contains JSX  syntax (full path/src/index.js)</li>
  <li>Contains the first file transformed to React.createElement('div') elements at build time (/src/index.js &lt; path is relative to project root).</li>
  </ol>
  <p>I can with some finagling, get breakpoints to stop on the compiled code in create element form which is hard to read, but not the source JSX  tag style code which would be preferred.</p>
  <p>The index.js file compiled and uncompiled plus the launch.json</p>
  <p><img src="https://i.stack.imgur.com/hOC1p.png" alt="1" /></p>