auth0-angular: TypeError: this.router.navigateByUrl is not a function when handling callback

Checklist

• The issue can be reproduced in the auth0-angular sample app (or N/A).
• I have looked into the Readme, Examples, and FAQ and have not found a suitable solution or answer.
• I have looked into the API documentation and have not found a suitable solution or answer.
• I have searched the issues and have not found a suitable solution or answer.
• I have searched the Auth0 Community forums and have not found a suitable solution or answer.
• I agree to the terms within the Auth0 Code of Conduct.

Description

First of all, I apologise for not having a reproduction of the problem on my machine. It only appears after deployment.

After a successful connection, an error occurs during callback handling : TypeError: this.router.navigateByUrl is not a function

Reproduction

For context, the app only allows authenticated users.

So when a user arrives, he’s immediately redirected to the Auth0 login page. But after redirection, the app remains stuck on {url}/?code=...&state=.... The user looks correctly authenticated, redirecting to {url} manually works fine.

When you inspect the console, the following message appears:

main.a3a2f6c09ba54b50.js:1 ERROR TypeError: this.router.navigateByUrl is not a function
    at ie.navigateByUrl (main.a3a2f6c09ba54b50.js:1:375082)
    at main.a3a2f6c09ba54b50.js:1:377309
    at main.a3a2f6c09ba54b50.js:1:68368
    at k._error (main.a3a2f6c09ba54b50.js:1:67846)
    at k.error (main.a3a2f6c09ba54b50.js:1:60212)
    at k._error (main.a3a2f6c09ba54b50.js:1:60455)
    at k.error (main.a3a2f6c09ba54b50.js:1:60212)
    at k._next (main.a3a2f6c09ba54b50.js:1:67792)
    at k.next (main.a3a2f6c09ba54b50.js:1:60100)
    at main.a3a2f6c09ba54b50.js:1:76087

After comparing the minified code and the source, here what I think happens :

• the handleReirectCallback of AuthService calls this.navigator.redirect() : auth.service.ts
• for a reason I don’t know, the navigator has a router that has no navigateByUrl() method, and raises a TypError : abstract-navigator.ts
• it is then caught by the catchError in the constructor of AuthService, which attemps to redirect to the errorPath but fails again because still no navigateByUrl() : auth.service.ts

I have no idea how the router can have no navigateByUrl() method. Maybe also check its presence before trying a redirection ?

For the record, downgrading to auth0-angular v1 works fine.

Additional context

Here is the app.routing.module.ts :

const routes: Routes = [
    {
        path: 'forbidden',
        component: ForbiddenComponent
    },
    {
        path: '',
        loadChildren: () => import('./features/core/core.module').then(m => m.CoreModule),
        canActivate: [authGuardFn]
    }
];

Here is the config of the AuthModule :

AuthModule.forRoot({
    domain: environment.auth0Domain,
    clientId: environment.oauth2ClientID,
    authorizationParams: {
        audience: environment.auth0Audience,
        redirect_uri: window.location.origin,
        scope: `${environment.scope} profile email`
    },
    errorPath: '/forbidden',
    useRefreshTokens: true,
    cacheLocation: 'localstorage',
    httpInterceptor: {
        allowedList: [ ... ]
    },
    useFormData: false
}),

auth0-angular version

2.2.1

Angular version

16.1.8

Which browsers have you tested in?

Chrome, Firefox