invalidateQueries

React 🟡 Mid

Definition

Methode TanStack Query qui marque des requetes en cache comme perimees, declenchant un refetch automatique si elles sont actuellement utilisees.

Analogie

Comme tirer la chasse d'eau du cache : les donnees perimees sont evacuees et de nouvelles arrivent.

Exemple de code

const queryClient = useQueryClient();

// Invalider toutes les requetes 'users'
queryClient.invalidateQueries({ queryKey: ['users'] });

// Invalider un user specifique
queryClient.invalidateQueries({ queryKey: ['users', userId] });

Cas d'usage

Apres une mutation reussie, forcer le rechargement des donnees affectees dans le cache.

Anti-pattern

Invalider trop large (toutes les queries) au lieu de cibler les queryKeys specifiques.
#data-fetching