chore(react-aria): improve internal typings

bsunderhus · bsunderhus · commit d4804dc624d9 · 2022-09-09T12:22:41.000Z
diff --git a/change/@fluentui-react-aria-5aba4f44-2e23-4c1d-810b-dcc2426ae694.json b/change/@fluentui-react-aria-5aba4f44-2e23-4c1d-810b-dcc2426ae694.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore(react-aria): improve internal typings",
+  "packageName": "@fluentui/react-aria",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-aria/src/hooks/useARIAButton/useARIAButtonProps.ts b/packages/react-components/react-aria/src/hooks/useARIAButton/useARIAButtonProps.ts
@@ -1,6 +1,7 @@
 import { Enter, Space } from '@fluentui/keyboard-keys';
 import { useEventCallback } from '@fluentui/react-utilities';
-import type { ARIAButtonProps, ARIAButtonResultProps, ARIAButtonType } from './types';
+import * as React from 'react';
+import type { ARIAButtonElementIntersection, ARIAButtonProps, ARIAButtonResultProps, ARIAButtonType } from './types';
 
 /**
  * @internal
@@ -48,7 +49,7 @@ export function useARIAButtonProps<Type extends ARIAButtonType, Props extends AR
 
   const isDisabled = disabled || disabledFocusable || normalizedARIADisabled;
 
-  const handleClick: Props['onClick'] = useEventCallback(ev => {
+  const handleClick = useEventCallback((ev: React.MouseEvent<ARIAButtonElementIntersection>) => {
     if (isDisabled) {
       ev.preventDefault();
       ev.stopPropagation();
@@ -57,7 +58,7 @@ export function useARIAButtonProps<Type extends ARIAButtonType, Props extends AR
     }
   });
 
-  const handleKeyDown: Props['onKeyDown'] = useEventCallback(ev => {
+  const handleKeyDown = useEventCallback((ev: React.KeyboardEvent<ARIAButtonElementIntersection>) => {
     onKeyDown?.(ev);
 
     if (ev.isDefaultPrevented()) {
@@ -84,7 +85,7 @@ export function useARIAButtonProps<Type extends ARIAButtonType, Props extends AR
     }
   });
 
-  const handleKeyUp: Props['onKeyUp'] = useEventCallback(ev => {
+  const handleKeyUp = useEventCallback((ev: React.KeyboardEvent<ARIAButtonElementIntersection>) => {
     onKeyUp?.(ev);
 
     if (ev.isDefaultPrevented()) {
