Makes the Redux store available to the connect() calls in the component hierarchy below. Normally, you can’t use connect() without wrapping a parent or ancestor component in <Provider>.
connect()
Connects a React component to a Redux store. It does not modify the component class passed to it; instead, it returns a new, connected component class for you to use.
useDispatch()
This hook returns a reference to the dispatch function from the Redux store. You may use it to dispatch actions as needed.
useSelector()
Allows you to extract data from the Redux store state, using a selector function.