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

fix(dashboard): use-dynamic-query flashes skeletons on background refetch

Aperta Adatta ai principianti
#1,131 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@ANSHSINGH050404 ci sta già lavorando.

Dal 13/10/2026.

  • #1132 di @ANSHSINGH050404 — aperta

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
70/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia dall'hook use-dynamic-query, dove isLoading è attualmente combinato con isFetching, e verifica quali componenti della dashboard mostrano uno skeleton quando isLoading è true. Modifica l'hook in modo che restituisca solo query.isLoading ed esponi isFetching separatamente per un indicatore di aggiornamento discreto. È completato quando un refetch in background con l'intervallo di 10 minuti mantiene visibili i dati esistenti e non mostra alcuno skeleton.

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

Descrizione

Problem:

TanStack Query v5 isLoading is true only on initial load (no cached data). isFetching is true on every fetch, including background refetchInterval: 10m (defaultQueryOptions). OR-ing them re-triggers isLoading on every auto-refetch, so components rendering if (isLoading) return unmount data every 10 minutes.

Expected:

skeleton only on first load; background refetch keeps stale data visible.

Fix:

return isLoading: query.isLoading, use isFetching separately for a subtle refresh indicator.

Lingua principale
TypeScript
Stelle
1.2k
Fork
225
Merge medio
12h 42m
PR unite (30g)
288

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 databuddy-analytics/Databuddy

Tutte le issue di databuddy-analytics/Databuddy

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.