useUserContext.js

import { useContext, createContext } from "react";

// Nosso contexto
const UserContext = createContext({ name: "" });

// Componente que recebe e atualiza o valor de name
export function UserContextProvider({ name, children }) {
  return <UserContext.Provider value={name}>{children}</UserContext.Provider>;
}

// Custom hook para pegar o valor atual
export default function useUserContext() {
  return useContext(UserContext);
}