How can you pass data between components using the useContext hook in React?
If you are building a web application with React, you might want to share some data across different components without passing props manually. For example, you might want to store the user's name, theme preference, or authentication status in a global state that can be accessed by any component. One way to achieve this is by using the useContext hook, which allows you to create and consume a context object that holds the data you want to share.