diff --git a/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.js b/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.tsx
similarity index 73%
rename from packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.js
rename to packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.tsx
index 55683f3d41..d76df9c08f 100644
--- a/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.js
+++ b/packages/core/src/hooks/useListenFocusTriggers/__stories__/useListenFocusTriggers.stories.tsx
@@ -9,14 +9,14 @@ export default {
 
 export const Overview = {
   render: () => {
-    const [text, setText] = useState("-");
-    const ref = useRef(null);
+    const [text, setText] = useState<string>("-");
+    const ref = useRef<HTMLButtonElement>(null);
 
-    const onFocusByMouse = useCallback(_event => {
+    const onFocusByMouse = useCallback((_event: React.FocusEvent<HTMLButtonElement>) => {
       setText("mouse");
     }, []);
 
-    const onFocusByKeyboard = useCallback(_event => {
+    const onFocusByKeyboard = useCallback((_event: React.FocusEvent<HTMLButtonElement>) => {
       setText("keyboard");
     }, []);