/*
# EXAMPLE USAGE OF CONTEXT IN A COMPONENT:

## Wrap your app tree with the provider (e.g., in App.tsx)

```tsx
import { UserContextProvider } from "../context/UserContext";
function App() {
    return (
        <UserContextProvider>
        <YourRoutes />
        </UserContextProvider>
    );
}
```



## Consume in any child component
```tsx
import React, { useContext } from "react"
import { UserContext } from '../context/UserContext';

export default function ExampleComponent() {
  const { user, setUser } = useContext(UserContext);


  return ...;
}
```