AngularでAuth0認証後に任意のページへ戻す方法（appStateの活用）

teruhiro:~ $ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 19.0.2
Node: 22.7.0
Package Manager: npm 10.9.1
OS: darwin arm64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1900.2 (cli-only)
@angular-devkit/core         19.0.2 (cli-only)
@angular-devkit/schematics   19.0.2 (cli-only)
@schematics/angular          19.0.2 (cli-only)

// app.config.ts
import { bootstrapApplication } from '@angular/platform-browser';
import { provideAuth0 } from '@auth0/auth0-angular';
import { AppComponent } from './app.component';

bootstrapApplication(AppComponent, {
  providers: [
    provideAuth0(<AuthConfig>{
      domain: 'xxx.jp.auth0.com',
      clientId: 'your-client-id',
      authorizationParams: {
        redirect_uri: 'http://localhost:4200/auth/auth0/callback',
      }
    }),
  ]
});

onClickLogin() {
    // オプションなし
    this.authService.loginWithRedirect().subscribe()
}

onClickLogin() {
    this.authService.loginWithRedirect({
      appState: {
        // ログイン完了後に遷移させたいパスを指定
        target: '/private'
      }
    }).subscribe()
}

// redirect to the Universal Login Page
document.getElementById('login').addEventListener('click', async () => {
  await auth0.loginWithRedirect();
});

// in your callback route (<MY_CALLBACK_URL>)
window.addEventListener('load', async () => {
  const redirectResult = await auth0.handleRedirectCallback();
  // logged in. you can get the user profile like this:
  const user = await auth0.getUser();
  console.log(user);
});