refactor: Upgrade utils and replace useMergedState (#892)

* refactor: Upgrade utils and replace useMergedState

* Update src/Tabs.tsx

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

---------

Co-authored-by: 刘欢 <[email protected]>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

Author: 3 people

package.json

@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@rc-component/resize-observer": "^1.0.0",
-    "@rc-component/util": "^1.2.0",
+    "@rc-component/util": "^1.3.0",
     "@rc-component/motion": "^1.1.3",
     "classnames": "2.x",
     "@rc-component/dropdown": "~1.0.0",

src/Tabs.tsx

@@ -1,6 +1,6 @@
 // Accessibility https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role
 import classNames from 'classnames';
-import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
+import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
 import isMobile from '@rc-component/util/lib/isMobile';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
@@ -123,10 +123,10 @@ const Tabs = React.forwardRef<HTMLDivElement, TabsProps>((props, ref) => {
   }, []);
 
   // ====================== Active Key ======================
-  const [mergedActiveKey, setMergedActiveKey] = useMergedState<string>(() => tabs[0]?.key, {
-    value: activeKey,
-    defaultValue: defaultActiveKey,
-  });
+  const [mergedActiveKey, setMergedActiveKey] = useControlledState<string>(
+    defaultActiveKey ?? tabs[0]?.key,
+    activeKey,
+  );
   const [activeIndex, setActiveIndex] = useState(() =>
     tabs.findIndex(tab => tab.key === mergedActiveKey),
   );
@@ -142,9 +142,7 @@ const Tabs = React.forwardRef<HTMLDivElement, TabsProps>((props, ref) => {
   }, [tabs.map(tab => tab.key).join('_'), mergedActiveKey, activeIndex]);
 
   // ===================== Accessibility ====================
-  const [mergedId, setMergedId] = useMergedState(null, {
-    value: id,
-  });
+  const [mergedId, setMergedId] = useControlledState(null, id);
 
   // Async generate id to avoid ssr mapping failed
   useEffect(() => {