Keyboard Shortcut mappings in React

useKeyboardMappings.jsx

const useKeyboardBindings = map => {
    useEffect(() => {
      const handlePress = e => {
        const handler = map[e.key];
        if (e.repeat) return;

        if (typeof handler === 'function') {
          handler();
        }
      };

      window.addEventListener('keydown', handlePress);

      return () => {
        window.removeEventListener('keydown', handlePress);
      };
    }, [map]);
  };

  useKeyboardBindings({
    1: () => console.log(1),
    2: () => console.log(2),
    3: () => console.log(3),
    4: () => console.log(4),
    '/': () => console.log('/'),
    ' ': () => console.log('Space'),
  });