Custom Teams App Is not reloading when navigate back to app

I am working in Custom Teams App with React where I do have some requirement to show the data using Graph API.

Everything is working fine in Desktop and Web Version of the team but In Mobile version following scenario is not working

1. Open Custom App in Mobile MS Teams App -> Everything is working
2. Switch to other default App like "Chat", "Calendar", "Teams", etc
3. Navigate back to my app -> Now here it's showing old content, it's not reloading my page itself. I need to refresh app manually by clicking on three dot and refresh button.

Is there anyway to forcefully refresh my custom app when navigate/switch back to my custom app in Mobile device

Below is the some code snippet for my App Component 

async componentDidMount() {
    
    microsoftTeams.app.initialize();
    let context = await microsoftTeams.app.getContext();
    // My Business Logic to Get Data 
    // Updating State    
  }


  render(): React.ReactNode {
    return (
      <div className="App" >
       
      </div>
    );
  }

Can someone help me here what I am missing here? Let me know if you need any other details for my issue