refactor: replace lodash/isEqual with react-fast-compare (#2458)

* refactor: replace lodash/isEqual with react-fast-compare

* chore: update lock

---------

Co-authored-by: 云泥 <1656081615@qq.com>

Author: guoyunhe

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"

packages/hooks/src/useDeepCompareEffect/index.en-US.md

@@ -5,7 +5,7 @@ nav:
 
 # useDeepCompareEffect
 
-Usage is the same as `useEffect`, but deps are compared with [lodash.isEqual](https://lodash.com/docs/4.17.15#isEqual).
+Usage is the same as `useEffect`, but deps are compared with [react-fast-compare](https://www.npmjs.com/package/react-fast-compare).
 
 ## Examples
 

packages/hooks/src/useDeepCompareEffect/index.zh-CN.md

@@ -5,7 +5,7 @@ nav:
 
 # useDeepCompareEffect
 
-用法与 useEffect 一致，但 deps 通过 [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual) 进行深比较。
+用法与 useEffect 一致，但 deps 通过 [react-fast-compare](https://www.npmjs.com/package/react-fast-compare) 进行深比较。
 
 ## 代码演示
 

packages/hooks/src/useDeepCompareLayoutEffect/index.en-US.md

@@ -5,7 +5,7 @@ nav:
 
 # useDeepCompareLayoutEffect
 
-Usage is the same as `useLayoutEffect`, but deps are compared with [lodash.isEqual](https://lodash.com/docs/4.17.15#isEqual).
+Usage is the same as `useLayoutEffect`, but deps are compared with [react-fast-compare](https://www.npmjs.com/package/react-fast-compare).
 
 ## Examples
 

packages/hooks/src/useDeepCompareLayoutEffect/index.zh-CN.md

@@ -5,7 +5,7 @@ nav:
 
 # useDeepCompareLayoutEffect
 
-用法与 useLayoutEffect 一致，但 deps 通过 [lodash isEqual](https://lodash.com/docs/4.17.15#isEqual) 进行深比较。
+用法与 useLayoutEffect 一致，但 deps 通过 [react-fast-compare](https://www.npmjs.com/package/react-fast-compare) 进行深比较。
 
 ## 代码演示
 

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);