React Native: React DevTools fails to load component info when using Hermes

🐛 Bug Report

It seems like whenever Hermes is enabled and I try to view component info in the React DevTools plugin against an Android emulator, it fails

To Reproduce

$ npx react-native init MyApp --template react-native-template-typescript

Set enableHermes: true in android/app/build.gradle

$ rm -rf node_modules && yarn

$ yarn start

$ yarn android

Launch Flipper and go to the React DevTools plugin Click on any component in the DevTools component tree and the right panel gets stuck on “Loading…” (the terminal output of yarn start shows eg:

[Sat Feb 06 2021 13:17:11.801]  LOG      [React DevTools] Error calling listener {"event": "inspectElement", "payload": {"id": 19, "rendererID": 1}}
[Sat Feb 06 2021 13:17:11.807]  LOG      error: [TypeError: undefined is not a function]
[Sat Feb 06 2021 13:17:11.811]  ERROR    [TypeError: undefined is not a function]

Environment

Flipper version 0.74.0 MacOS 10.15.7 Android emulator running Android R (Android 11.0, API level 30) Fresh react-native-template-typescript install (react@16.13.1, react-native@0.63.4)

[thiagocbarreto]

Same problem here (Flipper 0.78.0), but I’m not using Hermes in any way. I’m on Ubuntu 18.04, running the app on a physical android device.

Flipper

App

Terminal Logs

[Sat Feb 27 2021 15:07:48.392]  LOG      [React DevTools] Error calling listener {"event": "inspectElement", "payload": {"id": 516, "rendererID": 1}}
[Sat Feb 27 2021 15:07:48.400]  LOG      error: [TypeError: undefined is not a function]
[Sat Feb 27 2021 15:07:48.402]  ERROR    [TypeError: undefined is not a function]

[helixbass]

No this is still happening when using Flipper v0.76.0

Fwiw I also see this when I run standalone react-devtools v4.10.1-3a8c04e3b2 (outside of Flipper) so this may be an issue with React DevTools rather than Flipper itself?

My “workaround” has been if I want to use React DevTools I temporarily turn off Hermes (so eg per the docs, set enableHermes: false in android/app/build.gradle, run ./gradlew clean from android/ directory, and relaunch the app)