env changes

client/src/components/complexWingPage/SequenceWing/SequenceWing.tsx

@@ -119,11 +119,11 @@ const SequenceWing = () => {
     }
   };
 
-  function handleMouseMove(
+  const handleMouseMove = (
     e: MouseEvent<Element, MouseEvent<Element, MouseEvent>> | any
-  ) {
+  ) => {
     setMousePos([e.clientX - 384, e.clientY + Math.abs(top) - 20]);
-  }
+  };
 
   function handleOnMouseDown(e: MouseEvent | any) {
     const screenWidth = window.innerWidth;
@@ -183,7 +183,7 @@ const SequenceWing = () => {
       window.removeEventListener("mousemove", handleMouseMove);
       window.removeEventListener("mousedown", handleOnMouseDown);
     };
-  }, []);
+  }, [handleMouseMove]);
 
   useEffect(() => {
     if (!isSidebar) {
@@ -245,13 +245,13 @@ const SequenceWing = () => {
     sortList,
   ]);
 
-  // useEffect(() => {
-  //   if (isLoading) {
-  //     setModal(<LoaderModal />);
-  //   } else {
-  //     setModal(null);
-  //   }
-  // }, [isLoading, setModal]);
+  useEffect(() => {
+    if (isLoading) {
+      setModal(<LoaderModal />);
+    } else {
+      setModal(null);
+    }
+  }, [isLoading, setModal]);
 
   return (
     <div className="absolute left-0 overflow-hidden h-screen w-screen select-none ">