title: Show file names instead of chunks in chrome developer console
body: <p>When there is an error in my react 17 application, the chrome developer console shows errors to chunks file paths instead of the actual source file containing the component with error. Is it possible to show the real files path instead of chunks? I have checked and all of the files do have a source map generated for them.</p>
  <p><strong>Sample error</strong></p>
  <pre><code>index.js:1 Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
      at tr
      at http://localhost:3000/static/js/vendors~main.chunk.js:1363:73
      at TableRow (http://localhost:3000/static/js/vendors~main.chunk.js:42348:84)
      at thead
      at http://localhost:3000/static/js/vendors~main.chunk.js:1363:73
      at TableHead (http://localhost:3000/static/js/vendors~main.chunk.js:41463:84)
      at HeadTable (http://localhost:3000/static/js/4.chunk.js:504:21)
      at table
      ......
  
  </code></pre>
  <p><strong>Sample of desired result</strong></p>
  <pre><code>index.js:1 Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
      at tr
      at ./src/components/Table.tsx:1363:73
      ......
  
  </code></pre>