diff --git a/package.json b/package.json
index 61ca207a..465f80be 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "@types/enzyme": "^3.10.5",
     "@types/jest": "^29.4.0",
     "@types/keyv": "4.2.0",
-    "@types/react": "^17.0.14",
+    "@types/react": "^18.2.42",
     "@types/react-dom": "^18.0.11",
     "@umijs/fabric": "^2.3.1",
     "coveralls": "^3.0.6",
diff --git a/src/TabNavList/index.tsx b/src/TabNavList/index.tsx
index cae9a3d1..507fb543 100644
--- a/src/TabNavList/index.tsx
+++ b/src/TabNavList/index.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
 import useEvent from 'rc-util/lib/hooks/useEvent';
@@ -399,13 +400,12 @@ const TabNavList = React.forwardRef<HTMLDivElement, TabNavListProps>((props, ref
   // ========================= Effect ========================
   useEffect(() => {
     scrollToTab();
-    // eslint-disable-next-line
   }, [
     activeKey,
     transformMin,
     transformMax,
     stringify(activeTabOffset),
-    stringify(tabOffsets),
+    stringify(tabOffsets as any),
     tabPositionTopOrBottom,
   ]);
 
diff --git a/src/hooks/useOffsets.ts b/src/hooks/useOffsets.ts
index 9a62fde3..ee694406 100644
--- a/src/hooks/useOffsets.ts
+++ b/src/hooks/useOffsets.ts
@@ -4,7 +4,7 @@ import type { Tab, TabOffset, TabOffsetMap, TabSizeMap } from '../interface';
 const DEFAULT_SIZE = { width: 0, height: 0, left: 0, top: 0 };
 
 export default function useOffsets(tabs: Tab[], tabSizes: TabSizeMap, holderScrollWidth: number) {
-  return useMemo(() => {
+  return useMemo<TabOffsetMap>(() => {
     const map: TabOffsetMap = new Map();
 
     const lastOffset = tabSizes.get(tabs[0]?.key) || DEFAULT_SIZE;