Explain how to use the `useContext` hook in React in a clear, step-by-step manner. Include the following details: 1. The purpose of `useContext` and when to use it [CONTEXT_TYPE]. 2. How to create a context using `React.createContext` [DEFAULT_VALUE]. 3. How to provide the context using a `Provider` [PROVIDER_COMPONENT]. 4. How to consume the context in child components using `useContext` [CHILD_COMPONENT]. 5. Common pitfalls and best practices [ADVANCED_TIPS]. Provide a concise code example for each step, ensuring it is beginner-friendly yet detailed enough for intermediate developers. Use [YOUR_APP_NAME] as a placeholder for the application name in the examples.