Understanding useContext in React
useContext is a React Hook that provides a way to access context values from a context object. It's particularly useful for sharing data that needs to be accessible throughout a component tree without prop drilling.   

How it Works
Create a Context:

Use React.createContext to create a context object.
This object will hold the data you want to share.
Provide the Context:

Wrap the parts of your component tree that need access to the context with the Context.Provider component.
Pass the desired value as a prop to the Provider.
Consume the Context:

Use the useContext Hook within components that need to access the context value.