useIdTokenResult forceRefresh not working?

[dennemark]

Version info

React: 17 experimental with suspense

Firebase: 8.6.2

ReactFire: 3.0.0-rc.0

Other (e.g. Node, browser, operating system) (if applicable):

Test case

I am using nextjs and reactfire. I am setting auth claims on one page and using the normal query, I get new claims. Afterwards I switch the page.

let token = await user.getIdTokenResult(true)
console.log(token.claims) // { claim: NewClaim }
router.push("/newpage")

Now on the new page, I can get the new claims via the above command and it shows me the new claim, too.
However, using the reactfire hook, I am still getting old ones:

const { data: token} = useIdTokenResult(user, true);
console.log(token.claims) // { claim: OldClaim }

Expected behavior

Normally the useIdTokenResult should give back the updated claim.

Actual behavior

The useIdTokenResul keeps showing the old claim.

What I am trying to achieve is a claim update as described in the experimental firebase extension Auth Claims: https://github.com/FirebaseExtended/experimental-extensions/blob/next/firestore-auth-claims/POSTINSTALL.md#activating-new-custom-claims

[Haqverdi]

Same issue

[capybarahero]

Hi all, have you managed to find a solution for this issue?
Unfortunately, I am experiencing the same problem using [email protected] and [email protected].

It may be related to these other issues below:

• validateCustomClaims is not re-run when the user claims changes #493
• validateCustomClaims only runs once and then returns the same result for every other attempted call even when checking different claims (security flaw or am I using it wrong?) #514

[hamiltonchua]

I am seeing this as well with latest version v4.2.3