From 7c618dcefbc48973408aa70ae7eaa59c7c3b0354 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Tue, 31 Mar 2026 04:29:05 +0200
Subject: [PATCH] Fix KeyboardEvent type in App.tsx

---
 src/app/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/App.tsx b/src/app/App.tsx
index cc3f33b5..7f4aabdf 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState, type CSSProperties, type ChangeEvent, type KeyboardEvent } from "react";
+import { useEffect, useRef, useState, type CSSProperties, type ChangeEvent, type KeyboardEvent as ReactKeyboardEvent } from "react";
 
 import { createCreateBoxBrushCommand } from "../commands/create-box-brush-command";
 import { createMoveBoxBrushCommand } from "../commands/move-box-brush-command";
@@ -428,7 +428,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
       return;
     }
 
-    const handleWindowKeyDown = (event: KeyboardEvent) => {
+    const handleWindowKeyDown = (event: globalThis.KeyboardEvent) => {
       if (isTextEntryTarget(event.target)) {
         return;
       }
@@ -627,7 +627,7 @@ export function App({ store, initialStatusMessage }: AppProps) {
     }
   };
 
-  const handleDraftVectorKeyDown = (event: KeyboardEvent<HTMLInputElement>, applyChange: () => void) => {
+  const handleDraftVectorKeyDown = (event: ReactKeyboardEvent<HTMLInputElement>, applyChange: () => void) => {
     if (event.key === "Enter") {
       applyChange();
     }