Remove lodash

clarkmcc · Jan 16, 2024 · aa753ad · aa753ad
1 parent 46dfb0d
commit aa753ad
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 5 deletions.
diff --git a/lib/components/NodeHeader.tsx b/lib/components/NodeHeader.tsx
@@ -1,8 +1,7 @@
 import { memo, useMemo, useState } from 'react'
 import { useNodeFieldValue } from '../hooks/node'
+import './NodeHeader.css'
 import { GoTriangleDown, GoTriangleRight } from 'react-icons/go'
-import { isEqual } from 'lodash-es'
-import './NodeHeader.scss'
 
 type NodeHeaderProps = {
   defaultTitle: string

diff --git a/lib/node-types.tsx b/lib/node-types.tsx
@@ -20,7 +20,6 @@ import { useGraphConfig } from './context/GraphConfigContext'
 import { NodeOutputField } from './components/NodeOutputField'
 import { NodeContainer } from './components/NodeContainer'
 import { useFocusBlur } from './hooks/focus'
-import { isEqual } from 'lodash-es'
 import { Handle } from './components/Handle.tsx'
 import { InputGroup } from './components/InputGroup.tsx'
 
@@ -31,7 +30,7 @@ import { InputGroup } from './components/InputGroup.tsx'
  * @param b {Node}
  */
 const isComponentChanged = (a: Node, b: Node) =>
-  a.selected === b.selected && isEqual(a.data, b.data)
+  a.selected === b.selected && JSON.stringify(a.data) === JSON.stringify(b.data) // switched from lodash because bundle size was so large
 
 export function buildNode(nodeConfig: NodeConfig): FunctionComponent<Node> {
   function component(node: Node): ReactElement {

diff --git a/package.json b/package.json
@@ -85,7 +85,6 @@
   "dependencies": {
     "@uiw/react-color": "^2.0.6",
     "dagre": "^0.8.5",
-    "lodash-es": "^4.17.21",
     "nanoid": "^5.0.4",
     "react-hotkeys-hook": "^4.4.3",
     "react-icons": "^5.0.1",