Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

useIdTokenResult forceRefresh not working?

Abierto
#380 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
firebase, nextjs, react, typescript
Área
authentication, frontend

Línea de trabajo

Empieza reproduciendo la diferencia entre Firebase user.getIdTokenResult(true) y useIdTokenResult(user, true) de ReactFire a través de la navegación entre páginas de Next.js descrita. Compara los claims devueltos antes y después de router.push("/newpage"); se considera terminado cuando el hook expone el claim actualizado en lugar del antiguo.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
TypeScript
Estrellas
3.6k
Forks
403
Merge medio
5 d 1 h
PR fusionados (30 d)
10

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de FirebaseExtended/reactfire

Todos los issues de FirebaseExtended/reactfire

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.