React Native Debugger で「[DevTools Bug] Cannot add node "1" because a node with that id is already in the Store.」エラーが出たときの対処法

React Native Debugger 起動時に下記エラーが出たときの対処法です.

[DevTools Bug] Cannot add node "1" because a node with that id is already in the Store.

経緯

React Native x Expo でスマホアプリを開発中にデバッグのために React Native Debugger を導入したはいいものの上記エラーが出てしまいました.

公式ドキュメントを見たりググってもなかなか再現できる解決法がなかった中, 唯一解決できた方法があったので備忘録として記載します.

解決手順

npm i -g asar
asar e /Applications/React\ Native\ Debugger.app/Contents/Resources/app.asar /tmp/app
cd /tmp/app

npm install react-devtools-core@latest

asar p . /Applications/React\ Native\ Debugger.app/Contents/Resources/app.asar

※ ↑でインストールした react-devtools-core のバージョンは, この時点で 4.24.3 です.

この後, React Native Debugger を起動し, Expo を起動すればエラーは消えていると思います.

参考情報

• React Native Debugger doesn't use the global react-devtools version and still shows 'Unsupported' error · Issue #620 · jhen0409/react-native-debugger · GitHub