Bug: Devtools in Firefox does not allow adding props or editing props/state/hooks

Version:

• React @ 16.13.1
• Firefox @ 75.0 (version for Manjaro Linux)
• DevTools version 4.6.0-6cceaeb67

IMPORTANT: I have the same React DevTools version 4.6.0-6cceaeb67 installed in Google Chrome Beta 81 and it’s working as expected.

Steps To Reproduce

1. Open React DevTools Components tab
2. Select a component with props/state
3. Try to add props or edit props, state or hooks.

Here’s a screen grab of the issue:

Between the clicks, I’m typing on my keyboard, but nothing happens.

The current behavior

All keys typed in this tab are ignored.

The expected behavior

I should be able to add props or alter props, state, hooks, etc.

[bvaughn]

Ah! Lucky guess 😄

I think that was recently fixed and rolled out to nightly (about a week ago): https://bugzilla.mozilla.org/show_bug.cgi?id=1610141

[bvaughn]

@hbarcelos Do you, by chance, have the “search as you type” feature enabled?

Seems like there’s something unique going on with your version of Firefox because this works for me (and seems to work for others above)

This is Firefox: the component tree won’t even load.

With regard to this, have you tried reloading the page? Occasionally the Components tab doesn’t populate (not sure of the reason) but a reload always fixes it.