diff --git a/components/theme/internal.ts b/components/theme/internal.ts
index 4aaed50..c819b2e 100644
--- a/components/theme/internal.ts
+++ b/components/theme/internal.ts
@@ -77,6 +77,6 @@ export function useToken(): [ComputedRef<Theme<SeedToken, MapToken>>, ComputedRe
   return [mergedTheme, computed(() => cacheToken.value?.[0]), computed(() => (designTokenContext.hashed ? cacheToken.value?.[1] : ''))]
 }
 
-export type UseComponentStyleResult = [(node: VNodeChild) => VNodeChild, string]
+export type UseComponentStyleResult = [(node: VNodeChild) => VNodeChild, ComputedRef<string>]
 
 export type GenerateStyle<ComponentToken extends object = AliasToken, ReturnType = CSSInterpolation> = (token: ComponentToken) => ReturnType
diff --git a/components/theme/util/genComponentStyleHook.ts b/components/theme/util/genComponentStyleHook.ts
index 5033e52..1cf25e0 100644
--- a/components/theme/util/genComponentStyleHook.ts
+++ b/components/theme/util/genComponentStyleHook.ts
@@ -92,7 +92,7 @@ export default function genComponentStyleHook<ComponentName extends OverrideComp
         flush(component, mergedComponentToken)
         return [genCommonStyle(token.value, prefixCls.value), styleInterpolation]
       }),
-      hashId.value
+      hashId
     ]
   }
 }