Bug: DevTools 6.0.0 element inspector not working with React Native 0.75
React version: 18.3.1
React Native version: 0.75.3
Steps To Reproduce
- Create a new 'frameworkless' React Native app, by following these instructions. Alternatively, clone this repo, which is the result of scaffolding a new RN project.
- Run
npm installandcd ios; bundle exec pod installto install dependencies. - Run
npm startin one terminal to start the Metro bundler, andnpm run iosin another to build and run the app on a simulator. - Run
npx [email protected]. - In the simulator, reload the app and toggle the Element Inspector.
- Tap on an element in the app to inspect it.
Link to code example: https://github.com/tsdevshop/react-native-devtools-test
The current behavior
- The element is not selected in the DevTools pane
The expected behavior
- The element should be selected.
Note that running npx [email protected] results in the correct behavior.
Screencasts
https://github.com/user-attachments/assets/89cb0446-fbbe-4b74-b989-c07a86bc4262
https://github.com/user-attachments/assets/4517c28a-c9b2-4b58-80c4-e6b3ff17a181
I can confirm for React Native 0.73.6.
DevTools 6.3.1 element inspector not working with React Native 0.73 too
Same here with react native 0.75.3 and devtools 5.3.1 and 6.0.1
This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!
Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!