chore: remove lodash (#3741)

simstudioai · icecrasher321 · Mar 25, 2026 · Mar 24, 2026 · Mar 24, 2026 · Mar 24, 2026
commit 8d93c850bae75fbfe05314ad56dd07c8a3668107
diff --git a/.../components/panel/components/editor/components/sub-block/components/combobox/combobox.tsx b/.../components/panel/components/editor/components/sub-block/components/combobox/combobox.tsx
@@ -1,5 +1,5 @@
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'es-toolkit'
 import { useReactFlow } from 'reactflow'
 import { useStoreWithEqualityFn } from 'zustand/traditional'
 import { Combobox, type ComboboxOption } from '@/components/emcn/components'

diff --git a/.../components/panel/components/editor/components/sub-block/components/dropdown/dropdown.tsx b/.../components/panel/components/editor/components/sub-block/components/dropdown/dropdown.tsx
@@ -1,5 +1,5 @@
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'es-toolkit'
 import { useStoreWithEqualityFn } from 'zustand/traditional'
 import { Badge } from '@/components/emcn'
 import { Combobox, type ComboboxOption } from '@/components/emcn/components'

diff --git a/...panel/components/editor/components/sub-block/components/messages-input/messages-input.tsx b/...panel/components/editor/components/sub-block/components/messages-input/messages-input.tsx
@@ -7,7 +7,7 @@ import {
   useRef,
   useState,
 } from 'react'
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'es-toolkit'
 import { ChevronDown, ChevronsUpDown, ChevronUp, Plus } from 'lucide-react'
 import { Button, Popover, PopoverContent, PopoverItem, PopoverTrigger } from '@/components/emcn'
 import { Trash } from '@/components/emcn/icons/trash'

diff --git a/...wId]/components/panel/components/editor/components/sub-block/hooks/use-depends-on-gate.ts b/...wId]/components/panel/components/editor/components/sub-block/hooks/use-depends-on-gate.ts
@@ -1,7 +1,7 @@
 'use client'
 
 import { useCallback, useMemo } from 'react'
-import { isEqual } from 'lodash'
+import { isEqual } from 'es-toolkit'
 import { useStoreWithEqualityFn } from 'zustand/traditional'
 import {
   buildCanonicalIndex,

diff --git a/...wId]/components/panel/components/editor/components/sub-block/hooks/use-sub-block-value.ts b/...wId]/components/panel/components/editor/components/sub-block/hooks/use-sub-block-value.ts
@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef } from 'react'
 import { createLogger } from '@sim/logger'
-import { isEqual } from 'lodash'
+import { isEqual } from 'es-toolkit'
 import { useShallow } from 'zustand/react/shallow'
 import { useStoreWithEqualityFn } from 'zustand/traditional'
 import { useCollaborativeWorkflow } from '@/hooks/use-collaborative-workflow'

diff --git a/...eId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx b/...eId]/w/[workflowId]/components/panel/components/editor/components/sub-block/sub-block.tsx
@@ -1,5 +1,5 @@
 import { type JSX, type MouseEvent, memo, useCallback, useMemo, useRef, useState } from 'react'
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'es-toolkit'
 import {
   AlertTriangle,
   ArrowLeftRight,

diff --git a/.../app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/editor.tsx b/.../app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/editor.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'es-toolkit'
 import {
   BookOpen,
   Check,

diff --git a/...m/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx b/...m/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block.tsx
@@ -1,6 +1,6 @@
 import { memo, useCallback, useEffect, useMemo, useRef } from 'react'
 import { createLogger } from '@sim/logger'
-import isEqual from 'lodash/isEqual'
+import { isEqual } from 'es-toolkit'
 import { useParams } from 'next/navigation'
 import { Handle, type NodeProps, Position, useUpdateNodeInternals } from 'reactflow'
 import { useStoreWithEqualityFn } from 'zustand/traditional'

diff --git a/apps/sim/lib/mcp/tool-validation.ts b/apps/sim/lib/mcp/tool-validation.ts
@@ -1,5 +1,4 @@
-import isEqual from 'lodash/isEqual'
-import omit from 'lodash/omit'
+import { isEqual, omit } from 'es-toolkit'
 import type { McpToolSchema, StoredMcpToolReference } from '@/lib/mcp/types'
 
 export type McpToolIssueType =
@@ -33,8 +32,8 @@ export function hasSchemaChanged(
 ): boolean {
   if (!storedSchema || !serverSchema) return false
 
-  const storedWithoutDesc = omit(storedSchema, 'description')
-  const serverWithoutDesc = omit(serverSchema, 'description')
+  const storedWithoutDesc = omit(storedSchema, ['description'])
+  const serverWithoutDesc = omit(serverSchema, ['description'])
 
   return !isEqual(storedWithoutDesc, serverWithoutDesc)
 }

diff --git a/apps/sim/package.json b/apps/sim/package.json
@@ -106,6 +106,7 @@
     "drizzle-orm": "^0.44.5",
     "encoding": "0.1.13",
     "entities": "6.0.1",
+    "es-toolkit": "1.45.1",
     "ffmpeg-static": "5.3.0",
     "fluent-ffmpeg": "2.1.3",
     "framer-motion": "^12.5.0",
@@ -126,7 +127,6 @@
     "json5": "2.2.3",
     "jszip": "3.10.1",
     "jwt-decode": "^4.0.0",
-    "lodash": "4.17.21",
     "lucide-react": "^0.479.0",
     "mammoth": "^1.9.0",
     "marked": "17.0.4",
@@ -193,7 +193,6 @@
     "@types/html-to-text": "9.0.4",
     "@types/js-yaml": "4.0.9",
     "@types/jsdom": "21.1.7",
-    "@types/lodash": "^4.17.16",
     "@types/micromatch": "4.0.10",
     "@types/node": "24.2.1",
     "@types/nodemailer": "7.0.4",

diff --git a/bun.lock b/bun.lock