Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

1.0.0-dev7: useFirestoreDocumentData does not update invalidated data (react 18.2.0, react-query 3.39.2)

Aperta
#76 1 commento 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
25/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
firebase, react, typescript
Ambito
frontend

Direzione di ricerca

Inizia con l’hook useFirestoreDocumentData e il flusso di invalidazione della query mostrato nel report; confronta il comportamento con la versione 0.4.2. Riproduci lo scenario di mutation e invalidazione, quindi verifica che l’output aggiornato del converter compaia nei dati di React Query, nell’hook e nell’app.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

react-query-firebase

After bumping @react-query-firebase/firestore (mostly to workaround React 18.2.0 peer dep), the query invalidation stops working.
I do not have time to create minimal repro sandbox. Posting as a heads-up to others.
Reverting to 0.4.2 fixes the issue.

Simplified pseudo-code:

// Disable auto-refetching to avoid noise.
const queryClient = new QueryClient({defaultOptions: {queries: {staleTime: Infinity, cacheTime: Infinity}}});
<QueryClientProvider client={queryClient}>...</...>

const ref = docRef.withConverter(converter);
// simplified, just to demonstrate invalidation method.
const onSuccess = async () => ({await queryClient.invalidateQueries({predicate: () => true})});
const {data} = useFirestoreDocumentData(path, ref),  // not a subscription
      {mutate} = useFirestoreDocumentMutation(docRef, {merge: true}, {onSuccess});

Actual results when calling mutate({field: someVal})

  • The value is updated is Firebase
  • onSuccess is called
  • The query is invalidated as expected and refetched, according to network/logs/react-query-devtools
  • According to debug logs, after refetching the converter applied on ref is called with proper "new" value

Until this point, works as expected. But the values are not updated in:

  • query data in react-query-devtools,
  • useFirestoreDocumentData hook data in React Dev Tools,
  • the app.
Lingua principale
TypeScript
Stelle
462
Fork
70
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di invertase/tanstack-query-firebase

Tutte le issue di invertase/tanstack-query-firebase

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.