Q: React, No sourcemap for user codes in chrome performance tab, I'm following a guide to performance tuning.
The problem I have is, I can't see the source codes in doing this.
I know the sourcemap is there.
If I go to Sources tab, I can see the main.js fine.
But the Performances tab can't recognize the sourcemap and all the lines are at 1 as in main.57360ceb.chunk:1.
I'm using create-react-app to build this project.


A: It looks like something wrong with Chrome, I test in Chrome 106.0.5249.119 stable and sourcemap in Performance dose not work.
But it works well in Chrome 109.0.5366.0 canary.


A: Use something like React Developer Tools extension for Google Chrome. It will add Profiler and Components tab in your Chrome DevTools (F12). This extension is from Facebook.
