usePromise is a React hook. It ensures that you will not experience memory leak after unmont component. See it working at: https://codesandbox.io/embed/youthful-wilbur-eu9bb?expanddevtools=1&fontsize=14&hidenavigation=1&theme=dark

usePromise.js

import { useCallback, useRef, useEffect } from 'react'

export function usePromise (promiseFn) {
  const mountedRef = useRef(false)
  const isMounted = useCallback(() => mountedRef.current, [])

  useEffect(() => {
    mountedRef.current = true

    return () => {
      mountedRef.current = false
    }
  })

  return useCallback((...args) =>
    new Promise((resolve, reject) => {
      const onValue = value => {
        isMounted() && resolve(value)
      }

      const onError = error => {
        isMounted() && reject(error)
      }

      const promise = (typeof promiseFn === 'function')
        ? promiseFn.apply(this, args)
        : promiseFn

      promise.then(onValue, onError)
    }),
  []
  )
}