Description
Do you want to request a feature or report a bug?
Bug report.
What is the current behavior?
The component inspector works fine on most components, but on ones that are particularly large with many large props it is stuck on "Loading...".
If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your JSFiddle (https://jsfiddle.net/Luktwrdm/) or CodeSandbox (https://codesandbox.io/s/new) example below:
You should be able to reproduce the issue on: https://data.world/jonloyens/an-intro-to-dataworld-dataset
Navigate to the component with the key: "jonloyens/an-intro-to-dataworld-dataset". Other components above and below that one will load, but that one specifically will not.
What is the expected behavior?
It should load the component tree eventually. Previous to the 4.3.0 update these components loaded fine.
Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?
Our app uses React version 16.8.3.
I am on dev tools version 4.3.0 on Chrome 79.0.3945.88 on MacOS Catalina 10.15.2 (but others on earlier versions of MacOS are having the same issue).
I have a suspicion that this may be related to #17579 as this change has made a big impact on our app (mostly in a good way). We use ImmutableJS, and that change has made it much easier to navigate Immutable props since it preloads the values. The component that is loading slowly uses a proportionately large number of Immutable props to other components.