You call setState but the component doesn't re-render or the UI doesn't update to show the new value.
State change doesn't reflect in UI
Console.log shows old value after setState
Component doesn't re-render
Mutating state directly instead of creating new reference
Using stale closure in event handler
Batched updates not flushing
Incorrect dependency array in useEffect
DevConsole's State Inspector shows React state in real-time. See exactly when and how state changes.
View component state tree in DevConsole.
Perform the action that should update state.
DevConsole highlights if you're mutating instead of replacing state.
setState is async. Use useEffect to react to state changes, or the functional update form.
Always create new objects/arrays. Use spread operator or libraries like immer.
DevConsole gives you the visibility and control to fix issues like react state not updating in seconds, not hours.
Get DevConsole Pro