React JS: Why is UserContext being displayed undefined in child?

Question

I am trying to pass data from parent to child using context API.

The parent\'s code:

const UserContext = React.createContext(null)

return(...