Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

useIdTokenResult forceRefresh not working?

Open
#380 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
firebase, nextjs, react, typescript

Research direction

Start by reproducing the difference between Firebase user.getIdTokenResult(true) and ReactFire's useIdTokenResult(user, true) across the described Next.js page navigation. Compare the claims returned before and after router.push("/newpage"); done means the hook exposes the updated claim rather than the old one.

Written by the indexing model from the issue text.

Description

v5
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

Dominant language
TypeScript
Stars
3.6k
Forks
403
Avg merge
5d 1h
Merged PRs (30d)
10

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from FirebaseExtended/reactfire

All issues in FirebaseExtended/reactfire

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.