Convenient useAsyncEffect for react.js

useAsyncEffect.ts

import { useEffect } from 'react';

type UseAsyncEffectCleaner = () => Promise<void> | void;
type UseAsyncEffectCallback = () =>
    | Promise<UseAsyncEffectCleaner | void>
    | UseAsyncEffectCleaner
    | void;

export function useAsyncEffect(fn: UseAsyncEffectCallback, deps?: any[]) {
    return useEffect(() => {
        const ret = fn();

        if (!ret) return;

        if (typeof ret === 'function') {
            return () => void ret();
        }

        return () => void ret.then((cleaner) => cleaner?.());
    }, deps);
}