useKeyDown hook w/ TypeScript

useKeyDown.ts

import { useEffect } from 'react';
import { KeyboardKey } from 'enums/keyboardKey';

export const useKeyPress = (callback: (T?: any) => void, keys: KeyboardKey[]) => {
  const onKeyDown = (event: KeyboardEvent) => {
    const wasAnyKeyPressed = keys.some((key) => event.key === key);

    if (wasAnyKeyPressed) {
      event.preventDefault();
      callback();
    }
  };

  useEffect(() => {
    document.addEventListener('keydown', onKeyDown);

    return () => {
      document.removeEventListener('keydown', onKeyDown);
    };
  }, [onKeyDown]);
};

// enums/KeyboardKey.ts
export enum KeyboardKey {
  escape = 'Escape',
  enter = 'Enter',
}

// Example usage:
useKeyPress(() => {
  someCallback();
}, [KeyboardKey.escape]);