the object ' const value = {}' in AuthContext.js perfectly renders its elements in Login and Signup components but shows undefined in Header.js

Question

The elements of const value ={} object renders all their elements and their values in Login.js and Signup.js but in Header.js it shows undefined. How to render them so they