useReducer Dispatch in an Event Handler

The reducer mutates the current state variable directly

React queues the update and applies it during the next render

The component unmounts and remounts automatically

Dispatch blocks execution until rendering finishes