useReducer

To specify the reducer function
To define the default state of the component
The second argument in useReducer is used to define the default state of the component when the hook is first initialized.
To configure middleware for the reducer
To handle side effects during state initialization