diff --git a/packages/hooks/src/useRefs.ts b/packages/hooks/src/useRefs.ts
index 97f1b4b27..62ac5dbcc 100644
--- a/packages/hooks/src/useRefs.ts
+++ b/packages/hooks/src/useRefs.ts
@@ -1,17 +1,17 @@
 import type { Ref } from 'vue';
 import { onBeforeUpdate, shallowRef } from 'vue';
 
-function useRefs(): {
-  refs: Ref<HTMLElement[]>;
-  setRefs: (index: number) => (el: HTMLElement) => void;
+function useRefs<T = HTMLElement>(): {
+  refs: Ref<T[]>;
+  setRefs: (index: number) => (el: T) => void;
 } {
-  const refs = shallowRef([]) as Ref<HTMLElement[]>;
+  const refs = shallowRef([]) as Ref<T[]>;
 
   onBeforeUpdate(() => {
     refs.value = [];
   });
 
-  const setRefs = (index: number) => (el: HTMLElement) => {
+  const setRefs = (index: number) => (el: T) => {
     refs.value[index] = el;
   };