JetKVM/kvm
1
0
Fork 0
mirror of https://github.com/jetkvm/kvm.git synced 2026-05-21 05:20:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): fix virtual keyboard crash after Vite 8 upgrade (#1375)

Browse Source 
Vite 8's stricter CJS/ESM interop resolves the default import to the
module namespace object instead of the component, crashing KeyboardWrapper
at render time. Switch to the named `KeyboardReact` export.

Also fix pre-existing floating promise lint warnings in the same file.
This commit is contained in:
Adam Shiervani
2026-03-29 22:55:56 +02:00
committed by GitHub
parent f2fac87b17
commit 451d940a73
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/components/VirtualKeyboard.tsx
+6 -6
View File
@@ -1,7 +1,7 @@
import { useCallback, useEffect, useMemo, useRef, useState } from "react";
import { ChevronDownIcon } from "@heroicons/react/16/solid";
import { AnimatePresence, motion } from "framer-motion";
import Keyboard from "react-simple-keyboard";
import { KeyboardReact as Keyboard } from "react-simple-keyboard";
import { LuKeyboard } from "react-icons/lu";
import "react-simple-keyboard/build/css/index.css";
@@ -172,8 +172,8 @@ function KeyboardWrapper() {
// if they press any of the latching keys, we send a keypress down event and the release it automatically (on timer)
if (latchingKeys.includes(key)) {
console.debug(`Latching key pressed: ${key} sending down and delayed up pair`);
handleKeyPress(keys[key], true);
setTimeout(() => handleKeyPress(keys[key], false), 100);
void handleKeyPress(keys[key], true);
setTimeout(() => void handleKeyPress(keys[key], false), 100);
return;
}
@@ -183,15 +183,15 @@ function KeyboardWrapper() {
console.debug(
`Dynamic key pressed: ${key} was currently down: ${currentlyDown}, toggling state`,
);
handleKeyPress(keys[key], !currentlyDown);
void handleKeyPress(keys[key], !currentlyDown);
return;
}
// otherwise, just treat it as a down+up pair
const cleanKey = key.replace(/[()]/g, "");
console.debug(`Regular key pressed: ${cleanKey} sending down and up pair`);
handleKeyPress(keys[cleanKey], true);
setTimeout(() => handleKeyPress(keys[cleanKey], false), 50);
void handleKeyPress(keys[cleanKey], true);
setTimeout(() => void handleKeyPress(keys[cleanKey], false), 50);
},
[executeMacro, handleKeyPress, keyNamesForDownKeys],
);