Reactjs: Issue while updating context API shared by multiple components

Question

In my react application, I have login page and dashboard. I want to display username, fetched from login page to dashboard using context API.

Following is my App.js c