useKeyEvent.js

export function useKeyEvent(code, keyFunction, deps) {
  keyFunction = React.useCallback(keyFunction, deps)
  React.useEffect(() => {
    function pressKey(event) {
      if (event.code === code) {
        keyFunction(event)
      }
    }
    document.addEventListener('keydown', pressKey)
    return function removeListener() {
      document.removeEventListener('keydown', pressKey)
    }
  }, [code, keyFunction])
}

/* 
  How to use:
  useKeyEvent("Escape", () => console.log("You pressed the escape key"))

  find key events at https://keycode.info
*/