Cancel request

[flrnt]

Is there a way to cancel a request, via the native Web API AbortController ?

[DamianOsipiuk]

Hi, please refer to this page: https://react-query.tanstack.com/guides/query-cancellation

[flrnt]

Ok, I see. I quickly wrote something related to the functionality I can use on my project. I will test. Really nice stuff btw

// composables/useCancelableQuery.js

export function useCancelableQuery = (key, url, params = {}) => {
  const controller = new AbortController()
  const { signal } = controller

  const { isLoading, isError, data, error } = useQuery(key, () => axios.get(url, { ...params, signal }))
  const doCancel = () => { controller.abort() }

  return {
    isLoading,
    isError,
    data,
    error,
    doCancel
  }
}