v5: Renamed/missing "hotkey" in HotkeysEvent

[eithe]

Hi, I have the following code to match menu items in our system with a shortcut:

import { useHotkeys } from 'react-hotkeys-hook';
import { useLocation } from 'react-router';

import { ActionCommandMenuItem, handleItemSelect } from '../../components/command/CommandMenuUtils';

/**
 * Hook to handle keyboard shortcuts for menu items
 * @param shortcutItems Record of menu items with shortcuts
 */
export function useShortcuts(shortcutItems: Record<string, ActionCommandMenuItem>) {
  const location = useLocation();

  // Extract all shortcuts from the items
  const shortcuts = Object.values(shortcutItems)
    .map((item) => item.shortcut)
    .filter(Boolean);

  useHotkeys(
    shortcuts,
    (keyEvent, hotkeyEvent) => {
      // Filter items that are applicable to current route
      const applicableItems = Object.values(shortcutItems).filter(
        (item) => item.shortcut && (!item.route || item.route.test(location.pathname)),
      );

      // Find the matching menu item
      const matchingItem = applicableItems.find((item) => item.shortcut === hotkeyEvent.hotkey);

      if (matchingItem) {
        handleItemSelect(matchingItem);
        keyEvent.preventDefault();
      }
    },
    [location, shortcutItems],
  );
}

export default useShortcuts;

However, in the 5.x version, the callback's HotkeysEvent doesn't have a hotkey property anymore, and I didn't find anything in the release notes about this breaking change.

The fix for me was to change the line to:

const matchingItem = applicableItems.find((item) => hotkeyEvent.keys?.includes(item.shortcut));

[JohannesKlauss]

This is getting back in this PR: #1258