работа над косяком дропзоны

src/pages/Questions/UploadImage.tsx

@@ -9,16 +9,19 @@ const Modalka = ({imgHC}:any) => {
     const dropZone = React.useRef<any>(null);
     const [ready, setReady] = React.useState(false);
 
-    const dragenterHC = () => {
+    const dragenterHC = (event:any) => {
         console.log("a")
+        event.preventDefault()
         setReady(true)
     }
 
     console.log(dropZone.current)
     React.useEffect(() => {
+
         console.log(dropZone.current)
         if (dropZone.current) {
-            dropZone.current.addEventListener("dragenter", dragenterHC)
+            dropZone.current.addEventListener("dragenter", dragenterHC,)
+
         }
         return () => {dropZone.current.removeEventListener("dragenter", dragenterHC)}
     },)

src/pages/startPage/StartPageSettings.tsx

@@ -49,15 +49,18 @@ export default function StartPageSettings() {
     const [ready, setReady] = React.useState(false);
 
     const dragenterHC = () => {
+        console.log("a")
         setReady(true)
     }
 
-    // React.useEffect(() => {
+    console.log(dropZone.current)
-    //     if (dropZone.current) {
+    React.useEffect(() => {
-    //         dropZone.current.addEventListener("dragenter", dragenterHC)
+        console.log(dropZone.current)
-    //     }
+        if (dropZone.current) {
-    //     return () => {dropZone.current.removeEventListener("dragenter", dragenterHC)}
+            dropZone.current.addEventListener("dragenter", dragenterHC)
-    // },)
+        }
+        return () => {dropZone.current.removeEventListener("dragenter", dragenterHC)}
+    },)
 
     const mutationHC = (e: any) => {
         let SPageClone = listQuizes[params].config1