Function DomComponent

packages/ui-default/components/react/DomComponent.tsx:5–14

(props: React.HTMLAttributes<HTMLDivElement> & { childDom: HTMLElement })

import React from 'react';

export default function DomComponent(props: React.HTMLAttributes<HTMLDivElement> & { childDom: HTMLElement }) {
  const ref = React.useRef<HTMLDivElement>(null);
  React.useEffect(() => {
    ref.current.appendChild(props.childDom);
    return () => {
      $(ref.current).empty();
    };
  }, []);
  return <div {...omit(props, 'childDom')} ref={ref}></div>;
}