How to refresh AWS SDK JS V3 client credentials using a credential provider?

Question

I am using the AWS SDK JS V3 in the browser in an Angular app along with Cognito to handle user authentication.

I am able to successfully instantiate the CognitoIdentityProviderClient using the fromCognitoIdentityPool credential provider like so:

this.cognitoClient = new CognitoIdentityProviderClient({
      region: environment.cognito.region,
      credentials: fromCognitoIdentityPool({
        clientConfig: { region: environment.cognito.region },
        identityPoolId: environment.cognito.identityPoolId,
        logins: {
          [`cognito-idp.${environment.cognito.region}.amazonaws.com/${environment.cognito.userPoolId}`]: this.authService.getIdToken()! // getIdToken() returns a JWT string for the IDToken from the CognitoUserSession object.
        }
      })
    });

and make requests (such as the ListUsersCommand) as usual.

However, after an hour of idle time, the IDToken provided by Cognito expires and any subsequent requests throw a NotAuthorizedException: "Invalid login token." error.

My expectation is that I only need to instantiate the client once and then either it will automatically handle the refresh or I will need to manually trigger the refresh. I have tried a few different solutions, including re-instantiating the client, but I don't think any of them handle the refresh properly and efficiently.

I have already looked at How to refresh credentials in the AWS JS SDK v3?, but the answer parrots Use Case 32 located in the amazon-cognito-identity-js documentation, which refers to the AWS SDK JS V2 implementation.

In short, I am looking for an example of how to properly refresh credentials for an AWS SDK JS V3 client that uses the fromCognitoIdentityPool credential provider.