useContext Hook Consumption

Passing the wrong argument to useContext.

Codejavascript

const UserContext = React.createContext(null);

function Profile() {
  const user = useContext(UserContext.Consumer);
  return <Text>{user?.name}</Text>;
}

What is the bug in this code?