useReducer

To define the default state of the component
The initial state argument in useReducer is used to define the default state of the component when the hook is first initialized.
To specify the actions that can be dispatched
To configure middleware for the reducer
To define the reducer function