remove lodash

package.json

@@ -71,6 +71,7 @@
     "@tanstack/react-query-persist-client": "5.22.2",
     "@wagmi/core": "2.13.3",
     "calendar-link": "^2.2.0",
+    "dequal": "2.0.3",
     "dns-packet": "^5.4.0",
     "graphql-request": "5.1.0",
     "i18next": "^21.9.1",
@@ -80,7 +81,6 @@
     "immer": "^9.0.15",
     "intl-segmenter-polyfill": "^0.4.4",
     "iso-639-1": "^2.1.15",
-    "lodash": "^4.17.21",
     "markdown-to-jsx": "^7.1.7",
     "next": "13.5.6",
     "node-fetch": "^3.3.2",

src/components/@molecules/BurnFuses/BurnFusesContent.tsx

@@ -1,4 +1,4 @@
-import isEqual from 'lodash/isEqual'
+import { dequal as isEqual } from 'dequal'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import styled, { css } from 'styled-components'

src/components/@molecules/SearchInput/SearchInput.tsx

@@ -1,5 +1,4 @@
 import { QueryClient, useQueryClient } from '@tanstack/react-query'
-import debounce from 'lodash/debounce'
 import {
   Dispatch,
   RefObject,
@@ -628,6 +627,19 @@ const useBuildDropdownItems = (inputVal: string, history: HistoryItem[]) => {
   )
 }
 
+const debounce = (func: (...args: any[]) => void, delay?: number) => {
+  let timerId: NodeJS.Timeout
+  let shouldInvoke: boolean
+
+  return (...args: any[]) => {
+    shouldInvoke = true
+
+    clearTimeout(timerId)
+
+    timerId = setTimeout(() => shouldInvoke && func(...args), delay)
+  }
+}
+
 const debouncer = debounce((setFunc: () => void) => setFunc(), 250)
 
 export const SearchInput = ({ size = 'extraLarge' }: { size?: 'medium' | 'extraLarge' }) => {

src/hooks/abilities/useAbilities.test.ts

@@ -1,6 +1,5 @@
 import { mockFunction, renderHook } from '@app/test-utils'
 
-import * as _ from 'lodash'
 import { match, P } from 'ts-pattern'
 import { Address } from 'viem'
 // import { writeFileSync} from 'fs'
@@ -21,6 +20,7 @@ import { useBasicName } from '../useBasicName'
 import { useHasSubnames } from '../useHasSubnames'
 import { useParentBasicName } from '../useParentBasicName'
 import { useAbilities } from './useAbilities'
+import { dequal } from 'dequal'
 
 vi.mock('@app/hooks/account/useAccountSafely')
 vi.mock('@app/hooks/useBasicName')
@@ -128,7 +128,7 @@ describe('useAbilities', () => {
 
       const { result } = renderHook(() => useAbilities({ name }))
 
-      let index = group.findIndex(([, item]) => _.isEqual(item, result.current.data))
+      let index = group.findIndex(([, item]) => dequal(item, result.current.data))
       if (index == -1) group.push([[type], result.current.data])
       else group[index][0].push(type)