I need to debug some props that are being used in my React application. However, if I try to inspect certain ponents, they appear as "Loading..." instead of the normal props list:

However, I know that these ponents have already rendered as I can see them in the DOM. Also, it stays like this perpetually, so it obviously isn't actually loading anything.

I'm using React DevTools 4.2.1-3816ae7c3 and React 16.12.0

I need to debug some props that are being used in my React application. However, if I try to inspect certain ponents, they appear as "Loading..." instead of the normal props list:

However, I know that these ponents have already rendered as I can see them in the DOM. Also, it stays like this perpetually, so it obviously isn't actually loading anything.

I'm using React DevTools 4.2.1-3816ae7c3 and React 16.12.0

• javascript
• reactjs
• react-devtools

Share Improve this question Follow asked Dec 2, 2019 at 7:16 MigwellMigwell 20.2k2424 gold badges106106 silver badges180180 bronze badges 4

• This is a bug in the new react dev tools. Just reload developer options. You should be able to see the data. – Easwar Commented Dec 2, 2019 at 7:23
• If by "reload", you mean close and re-open them, it doesn't help for me. – Migwell Commented Dec 2, 2019 at 7:28
• 1 Is it always loading everytime ? For me its random (say 1/4 times). In that case I switch to a different ponent or switch to a different DOM element and reload dev tools. Usually it does the fix. If not, try refreshing the browser. – Easwar Commented Dec 2, 2019 at 8:29
• 2 have the same problem. Have you found anything as solution? – diesel94 Commented Jan 26, 2021 at 10:40

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

I was having the same issue with Ubuntu and after reinstalling the extension. Close the chrome app and reopen it, then it solved it for me.