React.useReducer, how does it works?

Question

I was trying to integrate an event listener with my component

Consider the following component:

import React, {