fix(useMagicKeys): handle empty key events to prevent errors (#5149)

babu-ch · 9romise · web-flow · commit f8aecd821b8d · 2025-11-26T01:42:01.000Z
Co-authored-by: Vida Xie &lt;vida_2020@163.com&gt;
diff --git a/packages/core/useMagicKeys/index.test.ts b/packages/core/useMagicKeys/index.test.ts
@@ -154,4 +154,14 @@ describe('useMagicKeys', () => {
     window.dispatchEvent(new Event('focus'))
     expect(alt_tab.value).toBe(false)
   })
+
+  it('should handle empty key events without errors', async () => {
+    const { a } = useMagicKeys({ target })
+
+    expect(() => {
+      target.dispatchEvent(new KeyboardEvent('keyup', {}))
+    }).not.toThrow()
+
+    expect(a.value).toBe(false)
+  })
 })
diff --git a/packages/core/useMagicKeys/index.ts b/packages/core/useMagicKeys/index.ts
@@ -140,6 +140,9 @@ export function useMagicKeys<T extends boolean = false>(options: UseMagicKeysOpt
     const code = e.code?.toLowerCase()
     const values = [code, key].filter(Boolean)
 
+    if (key === '')
+      return
+
     // current set
     if (key) {
       if (value)
