Referring to the following documentation, when accessing the $isAuthenticated observable in the OktaAuthService (app.service.ts) throughout the app after signing in retrieves the wrong value of isAuthenticated.
When subscribing to $isAuthenticated in a component NavBar component in my app, and printing the value to the console in the following way (and similarly in the Callback component, and in the OktaAuthService), the output to the console is seen in the picture. We see that the callback component has the correct value last, but the other components do not.
this.oktaAuth.$isAuthenticated.subscribe(val => {
this.isAuthenticated = val
console.log('navbar', val)
});
