React Hooks for lifecycle abstractions

useMountEffect.ts

import { useEffect, useCallback } from "react";

export default function (effect: () => void | Promise<void>) {
  const mountEffect = useCallback(() => {
    effect();
  }, [effect]);
  useEffect(mountEffect, []);
}

useUnmountEffect.ts

import { useEffect, useCallback } from "react";

export default function (effect: () => void) {
  const unmountEffect = useCallback(() => effect, [effect]);
  useEffect(unmountEffect, []);
}