Пост Автоматическая инвалидация запросов в React Query

Автоматическая инвалидация запросов в React Query Reacy Query позволяет инвалидировать запросы в ручном режиме queryClient.invalidateQueries({ queryKey: ['todos'] }). В библиотеке не добавляли встроенные способы автоматической инвалидации по причине того, что это ухудшает гибкость. Ведь в разных ситуациях может потребоваться разная инвалидация: во время onSuccess или onSettled, должна ли мутация ждать инвалидацию. Ожидание инвалидации приводит к тому, что мутация остается в состоянии ожидания pending = true. Доминик Дорфмайстер в своем блоге показал несколько способов как сделать автоматическую инвалидацию запросов. Инвалидацию можно делать в глобальном обработчике onSuccess кэша. Пример использования поля meta, в котором можно указать список полей для инвалидации: import { matchQuery } from '@tanstack/react-query' const queryClient = new QueryClient({ mutationCache: new MutationCache({ onSuccess: (_data, _variables, _context, mutation) => { queryClient.invalidateQueries({ predicate: (query) => // invalidate all matching tags at once // or everything if no meta is provided mutation.meta?.invalidates?.some((queryKey) => matchQuery({ queryKey }, query) ) ?? true, }) }, }), }) // usage: useMutation({ mutationFn: updateLabel, meta: { invalidates: [['issues'], ['labels']], }, }) https://tkdodo.eu/blog/automatic-query-invalidation-after-mutations