cleanup, fix remove eventlisteners

Author: pontusBerg

.storybook/preview.js

@@ -6,4 +6,5 @@ export const parameters = {
       date: /Date$/,
     },
   },
+  layout: "fullscreen",
 };

src/hooks/useFreeEditor.js

@@ -28,7 +28,7 @@ const useFreeEditor = (boxRef, headerRef) => {
     window.addEventListener("mousemove", mousemoveHandle);
     window.addEventListener("mouseup", () => {
       window.removeEventListener("mousemove", mousemoveHandle);
-    });
+    }, {once: true});
   }
 
   function getValidHeight(height) {
@@ -87,12 +87,10 @@ const useFreeEditor = (boxRef, headerRef) => {
     };
 
     window.addEventListener("mousemove", mouseMoveHandler);
-    window.addEventListener("mouseup", mouseUpHandler);
-  }
+    window.addEventListener("mouseup", () => {
+      window.removeEventListener("mousemove", mouseMoveHandler);
 
-  function mouseUpHandler() {
-    window.removeEventListener("mousemove", mouseMoveHandler);
-    window.removeEventListener("mouseup", mouseUpHandler);
+    }, {once: true})
   }
 
   const mouseMoveHandler = useCallback((e) => {
@@ -139,6 +137,7 @@ const useFreeEditor = (boxRef, headerRef) => {
     }
   }, [isDocked]);
 
+
   return {
     editorPosition,
     editorSize,