useLocalModal

useLocalModal.ts

function useLocalModal() {
  const [modalNode, setModalNode] = useState<ReactNode>(null);

  const openModal = useCallback(function openModal<ResultType>(
    renderModal: (close: (result: ResultType) => void) => ReactNode
  ): Promise<ResultType> {
    return new Promise(resolve => {
      function close(result: ResultType) {
        setModalNode(null);
        resolve(result);
      }

      const modalNode = renderModal(close);
      setModalNode(modalNode);
    });
  },
  []);

  const memoizedTuple = useMemo(() => [modalNode, openModal] as const, [
    modalNode,
    openModal
  ]);

  return memoizedTuple;
}