Angular Interceptor: Set cacheMode compiler error

Get Help
,
1

Hi

Using the Auth0 Angular SDK and the configuring the Interceptor, I’m trying to pass in the cacheMode parameter as part of the tokenOptions object as follows:

…
allowedList: [
{
uri: ‘https://api.x.api.com/api/api/api*’,
tokenOptions: {
authorizationParams: {
audience: ‘https://api.api.api’,
},
cacheMode: ‘off’,
},
},
]
…

But I get the following error at compile time:

Types of property ‘allowedList’ are incompatible.

Type '({ uri: string; tokenOptions: { authorizationParams: { audience: string; }; cacheMode: string; }; } | { uri: string; tokenOptions: { authorizationParams: { audience: string; }; cacheMode?: undefined; }; })[]' is not assignable to type 'ApiRouteDefinition[]'.

  Type '{ uri: string; tokenOptions: { authorizationParams: { audience: string; }; cacheMode: string; }; } | { uri: string; tokenOptions: { authorizationParams: { audience: string; }; cacheMode?: undefined; }; }' is not assignable to type 'ApiRouteDefinition'.

    Type '{ uri: string; tokenOptions: { authorizationParams: { audience: string; }; cacheMode: string; }; }' is not assignable to type 'ApiRouteDefinition'.

      Type '{ uri: string; tokenOptions: { authorizationParams: { audience: string; }; cacheMode: string; }; }' is not assignable to type 'HttpInterceptorRouteConfig'.

        The types of 'tokenOptions.cacheMode' are incompatible between these types.
          Type 'string' is not assignable to type '"off" | "on" | "cache-only"'.

The weird thing is, when I set the same parameter when calling getAccessTokenSilently directly I don’t get the same error:

this.auth
.getAccessTokenSilently({
authorizationParams: {
audience: ‘https://api.api.api’,
},
cacheMode: ‘off’,
})

Both objects, tokenOptions in the interceptor and options of the getAccessTokenSilently method, are the same type GetTokenSilentlyOptions.

Any ideas?

Thanks in advance!

3

Hi, @matthew.brownlow-hew, and sorry for the late reply!

You get this compile-time error because the interface HttpInterceptorRouteConfig does not contain a cacheMode property.

Please see this doc for allowed properties.

Let me know if I can be of more assistance.
Teodor.

4

Hi @teodor.andrei that’s incorrect according to the documentation you shared. The HttpInterceptorRouteConfig contains a tokenOptions property, which is of type GetTokenSilentlyOptions, which contains the cacheMode property. Please see below for links and screenshots.

From the documentation https://auth0.github.io/auth0-angular/interfaces/HttpInterceptorRouteConfig.html:

image
image787×401 16.3 KB

GetTokenSilentlyOptions | @auth0/auth0-angular:

image
image665×327 14.9 KB

5

Hi @matthew.brownlow-hew, and sorry for my oversight.

You are right that it contains the cacheMode attribute. It seems that it expects one of the 3 types “on”, “off” or “cache-only” and your value is evaluated as a string. Could you try using a type assertion?

cacheMode: "off" as "off";