use context hook

The useContext hook is a part of React’s Hooks API, and it is used for accessing the context values provided by a Context object created using React.createContext. Context in React allows you to share data or state between components without having to explicitly pass it through props at every level of the component tree.

Advantages:

1. Simplifies Context Usage: useContext simplifies the consumption of context values within functional components, making the code more concise and readable compared to the older methods.
2. Avoids Prop Drilling: It helps in avoiding prop drilling, where you pass props down multiple levels of components just to share data or state.
3. Cleaner Component Structure: Context can be accessed directly where it’s needed, leading to cleaner and more modular component structures.
4. Improved Code Maintainability: It makes it easier to manage and maintain state that is relevant to multiple components without resorting to complex state management libraries.