To put it simply, global state is the data that is shared between all the components within a React application . When the state is changed, or let’s say a filter is added, the components re-render accordingly.
Read moreHow do you manage global state in React?
To do this, use the React Hook useReducer to create a connected state to your reducer . useReducer takes in an initialState object and the reducer imported from the GlobalState component. Next, pass in the connected state and a dispatch function to modify that state.
Read more