websites/packages/ui/components/util/ReactPortal.tsx

'use client';

import type { ReactNode } from 'react';
import { createPortal } from 'react-dom';

export const portalChildClassName = 'pointer-events-auto z-[20000]';

export function ReactPortal({ children }: { children: ReactNode }) {
  return typeof document !== 'undefined' && document.body !== undefined
    ? createPortal(children, document.body)
    : children;
}