fix(deps): remove lodash dependency and add lint rule to prevent same bug

.eslintrc

@@ -34,8 +34,8 @@
               "constructors": "no-public",
               "methods": "explicit",
               "properties": "off",
-              "parameterProperties": "explicit",
-            },
+              "parameterProperties": "explicit"
+            }
           }
         ],
         "no-bitwise": [
@@ -76,6 +76,17 @@
     "import/consistent-type-specifier-style": [
       "error",
       "prefer-top-level"
+    ],
+    "no-restricted-imports": [
+      "error",
+      {
+        "paths": [
+          {
+            "name": "lodash",
+            "message": "Import from lodash leads to bundle pollute. Use import from submodules, for example 'lodash/isEqual'."
+          }
+        ]
+      }
     ]
   }
 }

src/react-components/Block.tsx

@@ -1,7 +1,5 @@
 import React, { ForwardedRef, forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 
-import { noop } from "lodash";
-
 import { TBlock } from "../components/canvas/blocks/Block";
 import { Graph } from "../graph";
 import { ESchedulerPriority } from "../lib/Scheduler";
@@ -90,7 +88,7 @@
   ref: ForwardedRef<HTMLDivElement>
 ) {
   const containerRef = useRef<HTMLDivElement>(null);
   useImperativeHandle(ref, () => containerRef.current!);
   const lastStateRef = useRef({ x: 0, y: 0, width: 0, height: 0, zIndex: 0 });
   const state = useBlockState(graph, block);
 
@@ -168,9 +166,9 @@
    * So to handle update this props we use onChange callback from view state.
    */
   useEffect(() => {
-    if (!viewState) return noop;
+    if (!viewState) return;
     setInteractive(viewState.isInteractive());
     return viewState.onChange(() => {
       setInteractive(viewState.isInteractive());
     });
   }, [viewState]);