Avoids errors if the request cannot be resolved because the React component was disassembled.

useAsync.ts

import { useEffect } from 'react'
import { AxiosResponse } from 'axios'

export const useAsync = (
  asyncFn: () => Promise<AxiosResponse<any, any>>,
  successFunction: Function,
  returnFunction: Function,
  dependencies: any[] = []
) => {
  useEffect(() => {
    let isActive = true
    asyncFn().then(({ data }) => {
      if (isActive) successFunction(data)
    })
    
    return () => {
      returnFunction && returnFunction()
      isActive = false
    }
  }, dependencies)
}