fix side

package-lock.json

@@ -24,7 +24,6 @@
         "react": "^18.2.0",
         "react-animated-numbers": "^0.16.0",
         "react-dnd": "^16.0.1",
-        "react-dnd-html5-backend": "^16.0.1",
         "react-dnd-multi-backend": "^8.0.3",
         "react-dom": "^18.2.0",
         "react-router-dom": "^6.15.0",

package.json

@@ -19,7 +19,6 @@
     "react": "^18.2.0",
     "react-animated-numbers": "^0.16.0",
     "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
     "react-dnd-multi-backend": "^8.0.3",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.15.0",

src/ui/Side/index.tsx

 import { CheckOutlined, UndoOutlined } from "@ant-design/icons";
 import { App, Button, Space } from "antd";
+import { HTML5toTouch } from "rdndmb-html5-to-touch";
 import React, { useEffect, useState } from "react";
-import { DndProvider } from "react-dnd";
-import { HTML5Backend } from "react-dnd-html5-backend";
+import { DndProvider } from "react-dnd-multi-backend";
 import { useNavigate } from "react-router-dom";
 import { useSnapshot } from "valtio";
 
@@ -80,7 +80,7 @@ export const Component: React.FC = () => {
   }, [errorMsg]);
 
   return (
-    <DndProvider backend={HTML5Backend}>
+    <DndProvider options={HTML5toTouch}>
       <Background />
       <div className={styles.container}>
         <div className={styles.sider}>