[MenuItem][MacOS] Fix "onClick" being called twice when invoking menu item via ENTER / SPACE (#3933)

* Mark `onInvoke` event as handled for enter / space press to prevent duplicate call

* Change files

* Remove platform check

Author: lawrencewin

change/@fluentui-react-native-menu-8ba839c0-b982-4c13-ad4d-5abae9240a4e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Mark `onInvoke` event as handled for enter / space press to prevent duplicate call",
+  "packageName": "@fluentui-react-native/menu",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/components/Menu/src/MenuItem/useMenuItem.ts

@@ -38,6 +38,11 @@ export const useMenuItem = (props: MenuItemProps): MenuItemInfo => {
       if (!disabled && (!isArrowKey || isArrowOpen)) {
         componentRef?.current?.blur();
         onClick?.(e);
+
+        // For RN, ENTER / SPACE keypresses are handled by both the `onKey` event handlers and `onPress` handler. Because we
+        // pass this callback into both `onKeyDown` and `onPress` props, we need to mark the event as handled for ENTER / SPACE
+        // key presses so that we don't have duplicate `onClick` calls.
+        e.preventDefault();
       }
 
       if (!hasSubmenu && !isArrowKey && !shouldPersist) {