Manage Client Side Tokens with aws-amplify JS Library

Context I am using aws-amplify to manage authentication -- however, I am not using the prebuilt AWS React UI component. The primary use case is to generate an identity / access token on the client side, which is passed to the server via HTTP headers. The server then verifies the token is valid with a call to getUser.

Client side, I know tokens can be requested via

await Auth.currentSession().then( value => {
      return value.getAccessToken().getJwtToken()
})

Question I am unsure what the best practice for managing and updating these tokens are within a React application. Should I just call the above code snippet whenever I need a token? Should I somehow wrap it in a context?

Furthermore, I occasionally need the token in a synchronous context. For example, one use case is to reroute users to a login page if they are not currently logged in. How should I do this?

If anyone has successfully implemented an end-to-end pipeline with AWS and React with custom sign-in / sign-up pages, let me know how you solved this.