useEffectAsync.ts

import { DependencyList, useEffect } from 'react';

export type AsyncDestructor = () => void;
export type SetDestructor = (setDestructor: AsyncDestructor) => void;
export type EffectAsyncCallback = (destructor: SetDestructor) => Promise<void>;

export const useEffectAsync = (asyncEffect: EffectAsyncCallback, deps: DependencyList) => {
  useEffect(() => {
    let destructor: AsyncDestructor = () => {};
    asyncEffect(newDestructor => (destructor = newDestructor));
    return destructor;
  }, deps);
};