invalidateQueries

React 🟡 Mid

Définition

Méthode TanStack Query qui marque des requêtes en cache comme périmées, déclenchant un refetch automatique si elles sont actuellement utilisées.

Analogie

Comme tirer la chasse d'eau du cache : les données périmées sont évacuées 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

Après une mutation réussie, forcer le rechargement des données affectées dans le cache.

Anti-pattern

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

← → au clavier pour passer d'une fiche à l'autre