From d4804dc624d9af02bff00a0ee32113cce6d2b3e4 Mon Sep 17 00:00:00 2001
From: Bernardo Sunderhus <bernardo.sunderhus@gmail.com>
Date: Fri, 9 Sep 2022 12:22:02 +0000
Subject: [PATCH] chore(react-aria): improve internal typings

---
 ...-react-aria-5aba4f44-2e23-4c1d-810b-dcc2426ae694.json | 7 +++++++
 .../src/hooks/useARIAButton/useARIAButtonProps.ts        | 9 +++++----
 2 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 change/@fluentui-react-aria-5aba4f44-2e23-4c1d-810b-dcc2426ae694.json

diff --git a/change/@fluentui-react-aria-5aba4f44-2e23-4c1d-810b-dcc2426ae694.json b/change/@fluentui-react-aria-5aba4f44-2e23-4c1d-810b-dcc2426ae694.json
new file mode 100644
index 00000000000000..a89fe50345a132
--- /dev/null
+++ 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
index 6dead00dfdddd4..5a01425e4a4f59 100644
--- 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()) {