React Native | Flipper | React DevTools not working

Question

I am using Flipper to check the performance issue for a React Native project. Whenever I am selecting the React DevTools option, I am getting error on the iOS simulator. Attached screenshot for reference. I want to check the load time for components.

My React Native version is 0.63.4. I am unsure if I need to install package for dev tools.

I found following error in Flipper which says Failed to find globally installed React DevTools

Help me.

Answer 1

The github issue has some more movement: https://github.com/facebook/flipper/issues/4046

Steps to upgrade the Flipper built in reactDevTools:

1. npx i -g react-devtools react-devtools-inline
2. Then a use global devtools toggle should appear in the Flipper -> React DevTools area and the failed to find globally installed React devTools should also be gone.

Credit goes to answers in the linked github issue.

If like me you are also running into a situation where the app crashes with createElement error : ERROR TypeError: Cannot read property 'createElement' of undefined, js engine: hermes then => turn off Highlight on component update in Flipper: https://github.com/facebook/flipper/issues/4131

Lastly RN apps start crashing on boot up when run on their own after using Flipper, this is a known issue: https://github.com/facebook/flipper/issues/3284