DEV Community

Discussion on: Clean Up Async Requests in `useEffect` Hooks

View post

Replies for: If you are using takeLatest - redux-saga already cancels the effect for you. If you want to abort the request as well, try this: export function*...

Collapse
 
retyui profile image
Davyd NRB • • Edited

or even better - you could write your custom fetchAPI, which would look something like this

import axios, { CancelToken } from 'axios'
import { CANCEL } from 'redux-saga'

export default function fetchAPI(url) {
  const source = CancelToken.source()
  const request = axios.get(url, { cancelToken: source.token })
  request[CANCEL] = () => source.cancel()
  return request
}
Enter fullscreen mode Exit fullscreen mode

link: github.com/redux-saga/redux-saga/i...