Debugger 'hangs' 'Loading' and errors cannot read prop forEach of undefined when trying to inspect component element #584

stall84 · 2021-04-19T15:25:12Z

React Native Debugger app version: [0.11.6]
React Native version: [0.63.4]
Platform: [iOS]
Is real device of platform: [Yes]
Operating System: [MacOS]

When I try and inspect any component in the react devTools panel of the debugger, it hangs at 'Loading' and console errors 'Cannot read property forEach of undefined'. Everything I can find on this issue points to updating the version of React devTools.. But although I'm able to update the React Native Debugger to the latest version (which it is). I cannot update the version of React Dev Tools that it is using internally (appears to be using 4.6.0). But I don't know if that's even the issue. I'm guessing it's expecting an array from something that's an object instead.

edgecaststudio · 2021-04-19T23:04:02Z

Same issue. Taking a udemy course and a handful of other people are experiencing it as well.

ashuradji · 2021-04-20T00:24:07Z

Same issue here, i verified this problem by downloading a past project that i made but the error doesn't happen there. Both projects use Typescript

This is my current project store (That presents the error)

import { applyMiddleware, createStore } from "redux";
import { composeWithDevTools } from "redux-devtools-extension/developmentOnly";
import rootReducer from "./reducers/root.reducer";
import thunk from "redux-thunk";

const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(thunk))
);

export type RootStore = ReturnType<typeof rootReducer>;

export default store;

This is my project's dependencies:

"dependencies": {
    "@react-native-community/masked-view": "0.1.10",
    "@react-navigation/bottom-tabs": "^5.11.10",
    "@react-navigation/native": "^5.9.4",
    "@react-navigation/stack": "^5.14.4",
    "axios": "^0.21.1",
    "expo": "~40.0.0",
    "expo-status-bar": "~1.0.3",
    "radio-buttons-react-native": "^1.0.4",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
    "react-native-gesture-handler": "~1.8.0",
    "react-native-reanimated": "~1.13.0",
    "react-native-responsive-screen": "^1.4.2",
    "react-native-safe-area-context": "3.1.9",
    "react-native-screens": "~2.15.2",
    "react-native-web": "~0.13.12",
    "react-redux": "^7.2.3",
    "redux": "^4.0.5",
    "redux-devtools-extension": "^2.13.9",
    "redux-thunk": "^2.3.0"
  },

I'm suppose that the bug comes from a react native update and not directly from the developer tools

MailosT · 2021-04-21T22:28:05Z

Same issue here. / "react-native": "0.64.0", / RND: 0.11.5

BenjaminSAILcloud · 2021-04-22T08:24:41Z

Also same issue. I tried previous version of the debugger and it does not work either.

svgerasimov · 2021-04-22T14:24:39Z

any workarounds?

stall84 · 2021-04-22T16:19:49Z

any workarounds?

I realllly need the (awesome) redux inspector this provides so what I'm going to maybe attempt is using react-devtools for inspecting the components and just try to use the redux tools on this application .. I think that might side-step the problem. But if you need to be able to inspect the components and their state/hooks/refs etc .. for right now i'd recommend npm i react-devtools

jennthh · 2021-04-22T17:08:52Z

Same here. "react-native": 0.64.0, RND: "0.11.7"

basit3407 · 2021-04-24T06:58:02Z

Same here. "react-native": 0.64.0, RND: "0.11.7"

noopurphalak · 2021-04-25T12:08:55Z

Same here. "react-native": 0.64.0, RND: "0.11.7"

vishnuc · 2021-04-25T20:26:37Z

Same problem for me. "react-native": 0.63.0, RND: "0.11.7"

diessetechnology · 2021-04-26T06:00:41Z

Same problem on my app

React Native: 0.63.4
React Native Debugger: 0.11.7

I hope this issue is going to be fixed very soon because i have a deadline on that app.

This bug have suddenly appeared this night. Before, i had no problems. Very strange...

zuizeze · 2021-04-27T12:51:54Z

Same problem
I try to reinstall , but useless
When will this issue can be fixed

Phector27 · 2021-04-28T10:50:42Z

Same trouble with debugger.

I tried to cache clean but Im equal again

mezhinsky · 2021-04-28T12:54:16Z

I think its 4.10.1 version of nested react-devtools problem, in original react-devtools current version 4.12 and no problems with component node preview

noopurphalak · 2021-04-28T13:18:26Z

@mezhinsky So, how do you update the react-devtools in react native debugger?

noopurphalak · 2021-04-28T13:41:56Z

@jhen0409 Please check this issue

mezhinsky · 2021-04-28T16:11:57Z

@mezhinsky So, how do you update the react-devtools in react native debugger?

fork this app and change version of react-devtools in package.json and then build this app, or just wait when @jhen0409 fix that for us :)

noopurphalak · 2021-04-29T07:03:10Z

@mezhinsky tried changing the react-devtools-core version to 4.12.0 and built the app installer using yarn pack-linux as I am on linux. The app got installed, but is not opening.

mezhinsky · 2021-04-29T07:40:05Z

@mezhinsky tried changing the react-devtools-core version to 4.12.0 and built the app installer using yarn pack-linux as I am on linux. The app got installed, but is not opening.

can't help you with that - never build electron apps :(

lawson-ng · 2021-04-29T09:58:05Z

Same issue

dhguswns23 · 2021-05-01T07:33:05Z

Same issue on RN 0.64.0, RND 0.11.7, react-devtools 4.12.4. Any workaround?

santuman · 2021-05-01T17:44:33Z

Same Issue Here. Did anyone solved it?

JavRok · 2021-05-04T15:40:00Z

@mezhinsky So, how do you update the react-devtools in react native debugger?

To update to latest version with homebrew:

brew reinstall --cask react-native-debugger

bvaughn · 2021-05-05T17:55:27Z

The underlying cause for this is probably what's described here:
facebook/react#21326

Once you're running a version built after this PR, the situation should be clearer:
#587

Here's the page I created describing common "fixes" for this issue:
https://fb.me/devtools-unsupported-bridge-protocol

edgecaststudio · 2021-05-06T20:31:06Z

Did anyone get this to work? I've tried about everything... still getting the 'forEach' of undefined issue.

noopurphalak · 2021-05-07T02:33:23Z

Did anyone get this to work? I've tried about everything... still getting the 'forEach' of undefined issue.

Install react-native-debugger version 0.11.8 and it should work fine.

edgecaststudio · 2021-05-07T15:04:25Z

Did anyone get this to work? I've tried about everything... still getting the 'forEach' of undefined issue.

Install react-native-debugger version 0.11.8 and it should work fine.

Steps I took to get this to work on. Mac:

brew upgrade
brew uninstall --cask react-native-debugger
brew install --cask react-native-debugger

Yea finally! :)

stall84 · 2021-05-09T16:35:12Z

Did anyone get this to work? I've tried about everything... still getting the 'forEach' of undefined issue.

Install react-native-debugger version 0.11.8 and it should work fine.

Steps I took to get this to work on. Mac:
* brew upgrade

* brew uninstall --cask react-native-debugger

* brew install --cask react-native-debugger
Yea finally! :)

These last two worked for me .. just running brew upgrade react-native-debugger didn't fetch 11.8 for whatever reason.. But running
brew uninstall --cask react-native-debugger brew install --cask react-native-debugger
DID

DavidFlores24 · 2021-05-20T09:28:21Z

I've installed react-native-debugger v0.11.8 and I'm still getting the same error screen

Running RN: 0.63.4

danieloi · 2021-08-07T08:55:12Z

I just downloaded the latest version from here

https://github.com/jhen0409/react-native-debugger/releases

noopurphalak mentioned this issue Apr 26, 2021

TypeError: Cannot read property 'forEach' of undefined #586

Closed

jhen0409 mentioned this issue May 2, 2021

Bump react-devtools-core to ~4.12.4 #591

Merged

jhen0409 closed this as completed in #591 May 2, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Debugger 'hangs' 'Loading' and errors cannot read prop forEach of undefined when trying to inspect component element #584

Debugger 'hangs' 'Loading' and errors cannot read prop forEach of undefined when trying to inspect component element #584

stall84 commented Apr 19, 2021

edgecaststudio commented Apr 19, 2021

ashuradji commented Apr 20, 2021

MailosT commented Apr 21, 2021

BenjaminSAILcloud commented Apr 22, 2021

svgerasimov commented Apr 22, 2021

stall84 commented Apr 22, 2021

jennthh commented Apr 22, 2021

basit3407 commented Apr 24, 2021

noopurphalak commented Apr 25, 2021

vishnuc commented Apr 25, 2021

diessetechnology commented Apr 26, 2021 •

edited

Loading

zuizeze commented Apr 27, 2021 •

edited

Loading

Phector27 commented Apr 28, 2021

mezhinsky commented Apr 28, 2021

noopurphalak commented Apr 28, 2021

noopurphalak commented Apr 28, 2021

mezhinsky commented Apr 28, 2021

noopurphalak commented Apr 29, 2021

mezhinsky commented Apr 29, 2021

lawson-ng commented Apr 29, 2021

dhguswns23 commented May 1, 2021 •

edited

Loading

santuman commented May 1, 2021

JavRok commented May 4, 2021

bvaughn commented May 5, 2021

edgecaststudio commented May 6, 2021

noopurphalak commented May 7, 2021 •

edited

Loading

edgecaststudio commented May 7, 2021

stall84 commented May 9, 2021

DavidFlores24 commented May 20, 2021

danieloi commented Aug 7, 2021

Debugger 'hangs' 'Loading' and errors cannot read prop forEach of undefined when trying to inspect component element #584

Debugger 'hangs' 'Loading' and errors cannot read prop forEach of undefined when trying to inspect component element #584

Comments

stall84 commented Apr 19, 2021

edgecaststudio commented Apr 19, 2021

ashuradji commented Apr 20, 2021

MailosT commented Apr 21, 2021

BenjaminSAILcloud commented Apr 22, 2021

svgerasimov commented Apr 22, 2021

stall84 commented Apr 22, 2021

jennthh commented Apr 22, 2021

basit3407 commented Apr 24, 2021

noopurphalak commented Apr 25, 2021

vishnuc commented Apr 25, 2021

diessetechnology commented Apr 26, 2021 • edited Loading

zuizeze commented Apr 27, 2021 • edited Loading

Phector27 commented Apr 28, 2021

mezhinsky commented Apr 28, 2021

noopurphalak commented Apr 28, 2021

noopurphalak commented Apr 28, 2021

mezhinsky commented Apr 28, 2021

noopurphalak commented Apr 29, 2021

mezhinsky commented Apr 29, 2021

lawson-ng commented Apr 29, 2021

dhguswns23 commented May 1, 2021 • edited Loading

santuman commented May 1, 2021

JavRok commented May 4, 2021

bvaughn commented May 5, 2021

edgecaststudio commented May 6, 2021

noopurphalak commented May 7, 2021 • edited Loading

edgecaststudio commented May 7, 2021

stall84 commented May 9, 2021

DavidFlores24 commented May 20, 2021

danieloi commented Aug 7, 2021

diessetechnology commented Apr 26, 2021 •

edited

Loading

zuizeze commented Apr 27, 2021 •

edited

Loading

dhguswns23 commented May 1, 2021 •

edited

Loading

noopurphalak commented May 7, 2021 •

edited

Loading