react-use/src/useKeyPress.ts

import {useState} from 'react';
import useKey, {KeyFilter} from './useKey';

const useKeyPress = (keyFilter: KeyFilter) => {
  const [state, set] = useState<[boolean, null | KeyboardEvent]>([false, null]);
  useKey(keyFilter, (event) => set([true, event]), {event: 'keydown'}, [state]);
  useKey(keyFilter, (event) => set([false, event]), {event: 'keyup'}, [state]);
  return state;
};

export default useKeyPress;