refactor: add typescript support to project

src/common/component/Modal.tsx

@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+
+export default function Modal({ id = "root-modal", mask = true, children }) {
+  const [wrapper, setWrapper] = useState(null);
+  // let eleRef = useRef(null);
+  useEffect(() => {
+    const modalRoot = document.getElementById(id);
+    if (mask) {
+      modalRoot.classList.add("mask");
+    }
+    const wrapper = document.createElement("div");
+    wrapper.classList.add("wrapper");
+    modalRoot.appendChild(wrapper);
+    setWrapper(wrapper);
+    return () => {
+      modalRoot.removeChild(wrapper);
+    };
+  }, [id, mask]);
+  if (!wrapper) return null;
+  console.log("create portal");
+  return createPortal(children, wrapper);
+}