fix(zustand): updated to useShallow from deprecated createWithEqualityFn

[waleedlatif1]

Summary

• updated to useShallow from deprecated createWithEqualityFn to suppress Zustand warning

Type of Change

• Improvement

Testing

N/A

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Review	Updated (UTC)
docs	Skipped		Jan 21, 2026 5:37pm

[greptile-apps]

Greptile Summary

Migrated use-editor-block-properties hook from deprecated Zustand shallow + useCallback pattern to modern useShallow hook.

Changes Made:

• Replaced shallow from zustand/shallow with useShallow from zustand/react/shallow
• Removed unnecessary useCallback wrappers around selector functions
• Simplified code by 10 lines while maintaining identical functionality
• Cleaned up comment that was no longer needed

Impact:

• Suppresses Zustand deprecation warning as stated in PR description
• Aligns with the established pattern used in 20+ other files across the codebase
• No behavior change - useShallow provides the same shallow equality checking that shallow did
• Slightly improved performance by eliminating useCallback overhead

Confidence Score: 5/5

• This PR is safe to merge with minimal risk
• The migration follows the established pattern used throughout the codebase, removes deprecated API usage, simplifies code by eliminating unnecessary useCallback wrappers, and maintains identical functionality with proper shallow equality checks
• No files require special attention

Important Files Changed

Filename	Overview
apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/hooks/use-editor-block-properties.ts	Migrated from deprecated shallow + useCallback pattern to modern useShallow hook, removing 10 lines of unnecessary code

Sequence Diagram

sequenceDiagram
    participant Editor as Editor Component
    participant Hook as useEditorBlockProperties
    participant WorkflowStore as useWorkflowStore
    participant DiffStore as useWorkflowDiffStore
    
    Editor->>Hook: useEditorBlockProperties(blockId, isSnapshotView)
    
    Hook->>WorkflowStore: useShallow(selector)
    Note over WorkflowStore: Selects advancedMode & triggerMode<br/>from blocks[blockId]
    WorkflowStore-->>Hook: { advancedMode, triggerMode }
    
    Hook->>DiffStore: useShallow(selector)
    Note over DiffStore: Selects advancedMode & triggerMode<br/>from baselineWorkflow.blocks[blockId]
    DiffStore-->>Hook: { advancedMode, triggerMode }
    
    Note over Hook: Returns appropriate props<br/>based on isSnapshotView
    
    Hook-->>Editor: { advancedMode, triggerMode }

Loading