React Query: Invalidate multiple queries

Invalidate-multiple-queries.jsx

import { useQuery, useQueryClient } from 'react-query';

// Inside your component or function...

const queryClient = useQueryClient();

// Example: Invalidate a single query
queryClient.invalidateQueries('yourQueryKey');

// Example: Invalidate multiple queries
queryClient.invalidateQueries(['queryKey1', 'queryKey2', 'queryKey3']);

// You can also pass additional options as the second argument
queryClient.invalidateQueries('yourQueryKey', {
  refetchActive: true, // Refetch currently active queries
  refetchInactive: true, // Refetch inactive queries as well
  throwOnError: true, // Throw an error if the query fails to refetch
});