18 lines
395 B
TypeScript
18 lines
395 B
TypeScript
|
import { useCallback, useEffect } from "react";
|
||
|
|
|
||
|
|
export default function useKeyPress(onKeyPress: (key: string) => void) {
|
||
|
|
const onKeyDown = useCallback(
|
||
|
|
({ key }: KeyboardEvent) => {
|
||
|
|
onKeyPress(key);
|
||
|
|
},
|
||
|
|
[onKeyPress],
|
||
|
|
);
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
window.addEventListener("keydown", onKeyDown);
|
||
|
|
return () => {
|
||
|
|
window.removeEventListener("keydown", onKeyDown);
|
||
|
|
};
|
||
|
|
}, [onKeyDown]);
|
||
|
|
}
|