Bug: input won't trigger onChange after a chain of setStates

React-dom version: 16.9.0 to 16.12.0 (latest)

This bug was not present in 16.8.6

Steps To Reproduce

1. Create a controlled input element
2. Add an onKeyDown event handler that will change a state.
3. Add a useEffect hook that depends on the state from (2.), and changes another state
4. Try to type in something in the input

Link to code example: https://codesandbox.io/s/nostalgic-lake-zzynt

The current behavior

The input updates with the key the user has pressed

The expected behavior

The input doesn’t update. The handler for onKeyDown was called, but the handler for onChange wasn’t.

[gaearon]

This is fixed in 18 alpha. https://codesandbox.io/s/tender-glade-80ks5?file=/src/App.js

Unfortunately we won’t backport the fix to 17 because it was a complex refactor which relies on other things we’re putting in 18.

[gaearon]

We haven’t touched that part but there are some post-17 changes planned that should simplify this. We’ll revisit at that point.