fix: render way in react 18

src/ui/Shared/Background/index.tsx

 import { useEffect } from "react";
-import { render, unmountComponentAtNode } from "react-dom";
+import { createRoot } from "react-dom/client";
 
 import styles from "./index.module.scss";
 
@@ -26,12 +26,13 @@ const withPortalToBody = <P extends object>(
       const newNode = document.createElement("div");
       portalRoot.insertBefore(newNode, firstChild);
 
+      const root = createRoot(newNode);
       // 渲染组件到新的容器中
-      render(<WrappedComponent {...props} />, newNode);
+      root.render(<WrappedComponent {...props} />);
 
       return () => {
         // 卸载组件并且移除容器
-        unmountComponentAtNode(newNode);
+        setTimeout(() => root.unmount());
         portalRoot.removeChild(newNode);
       };
     }, []);