[DevTools Bug]: Incorrect source location after hot reload & editing props

### Website or app https://gist.github.com/kiootic/54986cd163b52cbbcd5d8283eb5ed06f ### Repro steps 1. Create a new react app using `create-react-app` 2. Replace the code in `App.js` with `App.jsx` in the gist 3. Start the app and inspect the 3 `p` elements using dev tool 4. Should observe correct line numbers (`App.js:4`, `App.js:5`, `App.js:6`) 5. In code editor, change the first `p` element to be multiline, like `App-update.jsx` in gist 6. After hot reload, should observe updated line numbers (`App.js:4`, `App.js:7`, `App.js:8`) 7. Using dev tool, change the first `p` element's `children` prop to be something else. 8. Should observe incorrect line numbers (reverted to `App.js:4`, `App.js:5`, `App.js:6`) 9. Repeat step 7 again, and should observe correct line numbers again. 10. The line numbers are observed to be alternating between correct & incorrect state when repeating the edit step. ### How often does this bug happen? Every time ### DevTools package (automated) _No response_ ### DevTools version (automated) _No response_ ### Error message (automated) _No response_ ### Error call stack (automated) _No response_ ### Error component stack (automated) _No response_ ### GitHub query string (automated) _No response_