remixed v0

app/features/keypad/hooks/use-key-press.ts

@@ -0,0 +1,17 @@
+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]);
+}