diff --git a/package.json b/package.json
index d350a32..0442660 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@ant-design/fast-color": "^3.0.0",
-    "@rc-component/util": "^1.2.1",
+    "@rc-component/util": "^1.3.0",
     "classnames": "^2.2.6"
   },
   "devDependencies": {
diff --git a/src/hooks/useColorState.ts b/src/hooks/useColorState.ts
index 9e7cce0..9559ccd 100644
--- a/src/hooks/useColorState.ts
+++ b/src/hooks/useColorState.ts
@@ -1,4 +1,4 @@
-import { useMergedState } from '@rc-component/util';
+import { useControlledState } from '@rc-component/util';
 import { useMemo } from 'react';
 import type { Color } from '../color';
 import type { ColorGenInput } from '../interface';
@@ -10,7 +10,7 @@ const useColorState = (
   defaultValue: ColorValue,
   value?: ColorValue,
 ): [Color, React.Dispatch<React.SetStateAction<Color>>] => {
-  const [mergedValue, setValue] = useMergedState(defaultValue, { value });
+  const [mergedValue, setValue] = useControlledState(defaultValue, value);
 
   const color = useMemo(() => generateColor(mergedValue), [mergedValue]);