React, No sourcemap for user codes in chrome performance tab,

Question

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.

Answer 1

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.