React hooks: How to convert useState to useReducer

useState and useReducer are both React hooks that allow you to manage state in your components. useState is a simpler hook that allows you to manage a single piece of state, while useReducer is more powerful and allows you to manage more complex stat...