diff --git a/packages/hooks/package.json b/packages/hooks/package.json
index ff3e1aa753..ac77f7f776 100644
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -38,6 +38,7 @@
     "intersection-observer": "^0.12.0",
     "js-cookie": "^2.x.x",
     "lodash": "^4.17.21",
+    "react-fast-compare": "^3.2.2",
     "resize-observer-polyfill": "^1.5.1",
     "screenfull": "^5.0.0",
     "tslib": "^2.4.1"
diff --git a/packages/hooks/src/utils/depsEqual.ts b/packages/hooks/src/utils/depsEqual.ts
index 7d8b710be4..7a76ccc514 100644
--- a/packages/hooks/src/utils/depsEqual.ts
+++ b/packages/hooks/src/utils/depsEqual.ts
@@ -1,5 +1,5 @@
 import type { DependencyList } from 'react';
-import isEqual from 'lodash/isEqual';
+import isEqual from 'react-fast-compare';
 
 export const depsEqual = (aDeps: DependencyList = [], bDeps: DependencyList = []) =>
   isEqual(aDeps, bDeps);