Page loads before getting firebase access token and logs user out - asp.net-mvc

Question

I am using firebase UI (Vanilla JavaScript) to sign in/ signup user in my ASP.NET Core application. The login and signup works perfectly the issue arises when the token gets expired which is after 1 hour. At that point firebase SDK refreshes the access token using refresh token. But sometimes access token is not fetched instantly and takes some time, during this time my application thinks that the user is unauthorized and logs them out and brings them back to login page. But later the access token finally comes and is set as a cookie and now at this point if I refresh the login page it redirects me to user profile meaning that the user was authenticated successfully.
This is my code for setting up the cookie every time the access token is changed
firebase.auth().onIdTokenChanged(async (user) => {
if (user) {
user.getIdToken().then(function (accessToken)
{
document.cookie = #Json.Serialize(CookieConfig.Value.CookieName) + "=" + accessToken.toString() + "; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";
});
}
});
this is my code for verifying the jwt in cookie
services.AddAuthentication(x => {
x.DefaultScheme = JwtBearerDefaults.AuthenticationScheme;
x.DefaultAuthenticateScheme = JwtBearerDefaults.AuthenticationScheme;
})
.AddJwtBearer(options =>
{
options.Authority = "https://securetoken.google.com/project-id";
options.TokenValidationParameters = new TokenValidationParameters
{
ValidateIssuer = true,
ValidIssuer = "https://securetoken.google.com/project-id",
ValidateAudience = true,
ValidAudience = "project-id",
ValidateLifetime = true
};
options.Events = new JwtBearerEvents
{
OnMessageReceived = context =>
{
context.Token = context.Request.Cookies[configuration.GetSection("CookieConfiguration")["cookieName"]];
return Task.CompletedTask;
}
};
});
PS: I am saving the access token as cookie every time it is changed and verifying it.