componentDidMount = async () => {
    console.log('inside component'); 
    this.loadUsernameFromSharedStorage();
  }

  componentDidUpdate = async () => {
    console.log('inside componentdidupdate');
    this.loadUsernameFromSharedStorage(); 
  }

This my MainPage.js code where i am trying to load data. when i am launch App then MainPage.js is load first after that i am navigate to SecondPage.js where i insert some values and click on save button to save those values in phone storage using react-native-shared-group-perference and navigate to MainPage again. but when i am back to MainPage.js then didn't get updated values on the MainPage.js.