diff --git a/packages/core/src/hooks/useHover/__stories__/useHover.stories.js b/packages/core/src/hooks/useHover/__stories__/useHover.stories.tsx
similarity index 90%
rename from packages/core/src/hooks/useHover/__stories__/useHover.stories.js
rename to packages/core/src/hooks/useHover/__stories__/useHover.stories.tsx
index 6cf801b998..5b9f95f62c 100644
--- a/packages/core/src/hooks/useHover/__stories__/useHover.stories.js
+++ b/packages/core/src/hooks/useHover/__stories__/useHover.stories.tsx
@@ -10,7 +10,7 @@ export default {
 
 export const Overview = {
   render: () => {
-    const [hoverRef, isHovered] = useHover();
+    const [hoverRef, isHovered] = useHover<HTMLDivElement>();
 
     return (
       <div