From 21f2dca8d84cfe3fbe840cff050a9450b89ab58c Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Wed, 21 Jan 2026 09:35:57 -0800
Subject: [PATCH] fix(zustand): updated to useShallow from deprecated
 createWithEqualityFn

---
 .../hooks/use-editor-block-properties.ts      | 44 +++++++------------
 1 file changed, 17 insertions(+), 27 deletions(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/hooks/use-editor-block-properties.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/hooks/use-editor-block-properties.ts
index 64f38b213a..837d164bcd 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/hooks/use-editor-block-properties.ts
+++ b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/hooks/use-editor-block-properties.ts
@@ -1,5 +1,4 @@
-import { useCallback } from 'react'
-import { shallow } from 'zustand/shallow'
+import { useShallow } from 'zustand/react/shallow'
 import { useWorkflowDiffStore } from '@/stores/workflow-diff'
 import { useWorkflowStore } from '@/stores/workflows/workflow/store'
 
@@ -13,35 +12,26 @@ import { useWorkflowStore } from '@/stores/workflows/workflow/store'
  */
 export function useEditorBlockProperties(blockId: string | null, isSnapshotView: boolean) {
   const normalBlockProps = useWorkflowStore(
-    useCallback(
-      (state) => {
-        if (!blockId) return { advancedMode: false, triggerMode: false }
-        const block = state.blocks?.[blockId]
-        return {
-          advancedMode: block?.advancedMode ?? false,
-          triggerMode: block?.triggerMode ?? false,
-        }
-      },
-      [blockId]
-    ),
-    shallow
+    useShallow((state) => {
+      if (!blockId) return { advancedMode: false, triggerMode: false }
+      const block = state.blocks?.[blockId]
+      return {
+        advancedMode: block?.advancedMode ?? false,
+        triggerMode: block?.triggerMode ?? false,
+      }
+    })
   )
 
   const baselineBlockProps = useWorkflowDiffStore(
-    useCallback(
-      (state) => {
-        if (!blockId) return { advancedMode: false, triggerMode: false }
-        const block = state.baselineWorkflow?.blocks?.[blockId]
-        return {
-          advancedMode: block?.advancedMode ?? false,
-          triggerMode: block?.triggerMode ?? false,
-        }
-      },
-      [blockId]
-    ),
-    shallow
+    useShallow((state) => {
+      if (!blockId) return { advancedMode: false, triggerMode: false }
+      const block = state.baselineWorkflow?.blocks?.[blockId]
+      return {
+        advancedMode: block?.advancedMode ?? false,
+        triggerMode: block?.triggerMode ?? false,
+      }
+    })
   )
 
-  // Use the appropriate props based on view mode
   return isSnapshotView ? baselineBlockProps : normalBlockProps
 }