react
react copied to clipboard
facebook
[DevTools Bug]: Settings / Components / Hide components where... - need to be set on each reload.
Website or app
https://react.dev/
Repro steps
When filtering components under "Hide components where... " you need to modify the filter each time you've reloaded the page and/or hide/show the Chrome DevTools. Otherwise the filter doesn't bite and the hidden components still show.
For example: Name matches Anonymous
Works fine the first time you enter it - all Anonymous components are hidden. Reload the page and the filter no longer applies. You need to open: Settings / Components / Hide components where... and modify the entry and it works again:
For example: Name matches Anonymous*
Or toggle OFF - close the dialog - open the dialog and toggle ON - Now Anonymous is hidden again.
Using 6.0.1-c7c68ef842 of the extension Chrome Version 130.0.6723.92 (Official Build) (arm64)
How often does this bug happen?
Every time
DevTools package (automated)
No response
DevTools version (automated)
No response
Error message (automated)
No response
Error call stack (automated)
No response
Error component stack (automated)
No response
GitHub query string (automated)
No response
I'm also seeing the "hide components" not working.
This may be related to #16475.
I double checked and it looks like React DevTools is successfully storing data in localStorage and remembering all settings, so this issue shouldn't be related to #16475.
Still happening and it's frustrated.
In order to get Profiler's "Highlight updates when components render" to work, I need to remove filtering out DOM-elements on Web according to #33423.
In Components panel it is correctly removed, but somehow settings are still the same, so I need to re-add filters and then removed them on every re-load.
