packages/pass/hooks/usePortal.tsx

   1 import type { ReactNode, ReactPortal } from 'react';
   2 import { useMemo, useRef } from 'react';
   3 import { createPortal } from 'react-dom';
   4
   5 import type { MaybeNull } from '@proton/pass/types';
   6
   7 type UsePortalType = {
   8     ParentPortal: ReactNode;
   9     openPortal: (children: ReactNode) => MaybeNull<ReactPortal>;
  10 };
  11
  12 export const usePortal = (): UsePortalType => {
  13     const ref = useRef<HTMLDivElement>(null);
  14
  15     return {
  16         ParentPortal: useMemo(() => <div ref={ref} />, []),
  17         openPortal: (children) => (ref.current ? createPortal(children, ref.current) : null),
  18     };
  19 };