Function WrapDom

packages/grapesjs-react/src/utils/react.tsx:7–25

(el: HTMLElement | string)

import { isString } from './dom';

export const WrapDom = (el: HTMLElement | string) => {
  return function WrapElement() {
    const ref = useRef<HTMLDivElement>(null);

    useEffect(() => {
      const { current } = ref;

      if (current) {
        if (isString(el)) {
          current.innerHTML = el;
        } else {
          current.appendChild(el);
        }
      }
    }, [ref.current]);

    return <div ref={ref} />;
  };
};

export interface PortalContainerProps {
  children: ReactNode;