diff --git a/frontend/src/components/visual-editor/v2/Diagrams.tsx b/frontend/src/components/visual-editor/v2/Diagrams.tsx
index 1b0b5145..431a4085 100644
--- a/frontend/src/components/visual-editor/v2/Diagrams.tsx
+++ b/frontend/src/components/visual-editor/v2/Diagrams.tsx
@@ -22,7 +22,6 @@ import {
   Tab,
   Tabs,
   Tooltip,
-  debounce,
   tabsClasses,
 } from "@mui/material";
 import {
@@ -47,17 +46,17 @@ import { useDelete, useDeleteFromCache } from "@/hooks/crud/useDelete";
 import { useFind } from "@/hooks/crud/useFind";
 import { useGetFromCache } from "@/hooks/crud/useGet";
 import { useUpdate, useUpdateCache } from "@/hooks/crud/useUpdate";
+import useDebouncedUpdate from "@/hooks/useDebouncedUpdate";
 import { getDisplayDialogs, useDialog } from "@/hooks/useDialog";
 import { useSearch } from "@/hooks/useSearch";
 import { EntityType, Format } from "@/services/types";
 import { IBlock } from "@/types/block.types";
-import { ICategory, ICategoryAttributes } from "@/types/category.types";
+import { ICategory } from "@/types/category.types";
 import { BlockPorts } from "@/types/visual-editor.types";
 
 import BlockDialog from "../BlockDialog";
 import { ZOOM_LEVEL } from "../constants";
 import { useVisualEditor } from "../hooks/useVisualEditor";
-import useDebouncedUpdate from "@/hooks/useDebouncedUpdate";
 
 const Diagrams = () => {
   const { t } = useTranslation();
@@ -115,7 +114,6 @@ const Diagrams = () => {
   const { mutateAsync: updateBlock } = useUpdate(EntityType.BLOCK, {
     invalidate: false,
   });
-
   const debouncedUpdateCategory = useDebouncedUpdate(updateCategory, 300);
   const debouncedZoomEvent = useCallback(
     (event: any) => {
@@ -130,7 +128,7 @@ const Diagrams = () => {
       }
       event.stopPropagation();
     },
-    [selectedCategoryId, debouncedUpdateCategory],
+    [selectedCategoryId, engine, debouncedUpdateCategory],
   );
   const debouncedOffsetEvent = useCallback(
     (event: any) => {
@@ -146,7 +144,6 @@ const Diagrams = () => {
     },
     [selectedCategoryId, debouncedUpdateCategory],
   );
-
   const getBlockFromCache = useGetFromCache(EntityType.BLOCK);
   const updateCachedBlock = useUpdateCache(EntityType.BLOCK);
   const deleteCachedBlock = useDeleteFromCache(EntityType.BLOCK);
diff --git a/frontend/src/hooks/useDebouncedUpdate.tsx b/frontend/src/hooks/useDebouncedUpdate.tsx
index 5df92b46..eecb38f0 100644
--- a/frontend/src/hooks/useDebouncedUpdate.tsx
+++ b/frontend/src/hooks/useDebouncedUpdate.tsx
@@ -11,7 +11,6 @@ function useDebouncedUpdate(
   delay: number = 300,
 ) {
   const accumulatedUpdates = useRef<DebouncedUpdateParams | null>(null);
-
   const processUpdates = useRef(
     debounce(() => {
       if (accumulatedUpdates.current) {
@@ -20,7 +19,6 @@ function useDebouncedUpdate(
       }
     }, delay),
   ).current;
-
   const handleUpdate = useCallback(
     (params: DebouncedUpdateParams) => {
       accumulatedUpdates.current = {