diff --git a/src/hooks/useOnScreen.ts b/src/hooks/useOnScreen.ts
index 41b517b..14f7b75 100644
--- a/src/hooks/useOnScreen.ts
+++ b/src/hooks/useOnScreen.ts
@@ -1,6 +1,6 @@
-import { useState, useEffect, RefObject } from 'react';
+import { useState, useEffect, type RefObject } from 'react';
 
-export default function useOnScreen(ref: RefObject<HTMLElement>, rootMargin = '0px') {
+export default function useOnScreen<T extends HTMLElement>(ref: RefObject<T>, rootMargin = '0px') {
   const [isIntersecting, setIntersecting] = useState(false);
 
   useEffect(() => {