useContext

To consume the context value
To create a new context
To define the structure of the context object
To provide the context value to its descendants
The context provider in React.js is primarily responsible for providing the context value to its descendants in the component tree, allowing them to consume the context using the useContext hook.