mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-01-16 05:56:47 +01:00
19 lines
481 B
TypeScript
19 lines
481 B
TypeScript
import { useEffect } from 'react';
|
|
|
|
export function useKeyboardEvent(
|
|
event: 'keyup' | 'keydown',
|
|
key: KeyboardEvent['key'],
|
|
cb: () => void,
|
|
) {
|
|
useEffect(() => {
|
|
const fn = (e: KeyboardEvent) => {
|
|
if (e.key === key) cb();
|
|
};
|
|
document.addEventListener(event, fn);
|
|
return () => document.removeEventListener(event, fn);
|
|
|
|
// Don't have `cb` as a dep for caller convenience
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [event]);
|
|
}
|