Angular 19 + Oauth2 have problem when I try to login

Question

I'm working on an Angular 19.1.0 application where I want to implement login using Oauth2 (angular-oauth2-oidc version 19.0.0). My application is not working when I call login function from auth.service.ts, I can get just discovery_document_loaded event and not any other. But when my DevTool is open, It works fine and I can get all the events from 'this.oauthService.events' subscription. My application is standalone component based and I have these configuration on the project. Can someone help me on where the error should be, or how I can debug this problem. It is really weird that it works(not all the time) when the DevTool is open.

app.config.ts

function storageFactory(): OAuthStorage {
  return localStorage;
}
export const appConfig: ApplicationConfig = {
  providers: [
    provideZoneChangeDetection({ eventCoalescing: true }),
    provideRouter(routes, withHashLocation()),
    provideHttpClient(withInterceptors([authorizationInterceptor])),
    provideHttpClient(),
    provideOAuthClient(),
    OAuthService,
    { provide: AuthConfig, useValue: authCodeFlowConfig },
    { provide: OAuthStorage, useFactory: storageFactory },
  ]
};

auth.service.ts

@Injectable({
    providedIn: 'root'
})
export class AuthService {
    constructor(private oauthService: OAuthService
    ) {
        this.configureOAuth();
    }
    private configureOAuth() {
        this.oauthService.loadDiscoveryDocumentAndTryLogin();
        this.oauthService.events
            .pipe(filter((e) => {
                console.log(e.type);
                return e.type === 'token_received';
            }))
            .subscribe((_) => {
             //do something
            });
        
    }
    login() {
        this.oauthService.initImplicitFlow();
    }
    logout() {
        this.oauthService.logOut();
    }
    checkToken() {
        console.log(this.oauthService.getAccessToken());
    }
}

I really appreciate any help you can provide. Thank you in advance.