ci: lint for ui

packages/ui-default/components/react/DomComponent.jsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default class DomComponent extends React.PureComponent {
-  componentDidMount() {
-    this.refs.dom.appendChild(this.props.childDom);
-  }
-
-  componentWillUnmount() {
-    $(this.refs.dom).empty();
-  }
-
-  render() {
-    const {
-      childDom,
-      ...rest
-    } = this.props;
-    return (
-      <div {...rest} ref="dom"></div>
-    );
-  }
-}
-
-DomComponent.propTypes = {
-  childDom: PropTypes.instanceOf(HTMLElement).isRequired,
-};

packages/ui-default/components/react/DomComponent.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+import { omit } from 'lodash';
+
+export default function DomComponent(props: React.HTMLAttributes<HTMLDivElement> & { childDom: HTMLElement }) {
+  const ref = React.useRef<HTMLDivElement>();
+  React.useEffect(() => {
+    ref.current.appendChild(props.childDom);
+    return () => {
+      $(ref.current).empty();
+    };
+  });
+  return <div {...omit(props, 'childDom')} ref={ref}></div>;
+}