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