packages/components/hooks/useKeyPress.ts

   1 import type { DependencyList } from 'react';
   2 import { useCallback, useEffect } from 'react';
   3
   4 const useKeyPress = (cb: (e: KeyboardEvent) => void, deps: DependencyList = [], el = document) => {
   5     const callback = useCallback(cb, deps);
   6
   7     useEffect(() => {
   8         el.addEventListener('keydown', callback);
   9         return () => el.removeEventListener('keydown', callback);
  10     }, deps);
  11 };
  12
  13 export default useKeyPress;