Feature request: unmountOnExit about rodal HOT 1 OPEN

import { useEffect, useState } from "react";

export function useDelayUnmount(isMounted: boolean, delayTime: number) {
  const [shouldRender, setShouldRender] = useState(false);

  useEffect(() => {
    let timeoutId: number;
    if (isMounted && !shouldRender) {
      setShouldRender(true);
    } else if (!isMounted && shouldRender) {
      timeoutId = setTimeout(() => setShouldRender(false), delayTime);
    }
    return () => clearTimeout(timeoutId);
  }, [isMounted, delayTime, shouldRender]);
  
  return shouldRender;
}

import { useDelayedUnmount } from "@Hooks/useDelayedUnmount"
// ...
const [isVisibile, setIsVisible] = useState(false);
const shouldRenderPopup = useDelayUnmount(isModalOpen, 500);
// ...
{shouldRenderPopup && <SomeModal
  visible={isVisible}
  hide={this.hideModal}
/>}