Cách xử lý error trong React Query?

React Query v5 đổi cách xử lý lỗi so với v4: onError toàn cục trong defaultOptions đã bị gỡ, thay bằng throwOnError hoặc meta.

const queryClient = new QueryClient({
  queryCache: new QueryCache({
    onError: (error, query) => {
      if (query.meta?.showErrorToast) toast.error(error.message)
    },
  }),
})

// opt-in ở từng query
useQuery({ queryKey: ['todos'], queryFn: fetchTodos, meta: { showErrorToast: true } })

• CopyCopiedretry: (failureCount, error) => error.status !== 401 && failureCount < 3 để không retry lỗi auth.
• throwOnError: true đẩy lỗi lên Error Boundary thay vì trả isError; useSuspenseQuery throw sẵn.
• Với fetch, HTTP error không tự throw — phải tự viết if (!res.ok) throw new Error(res.statusText) trong queryFn.

Lưu ý: onError ở useMutation vẫn dùng được, chỉ bản toàn cục trong defaultOptions mới bị xoá.