KevinVandy · Oct 10, 2026 · Oct 10, 2026 · Oct 10, 2026 · Oct 10, 2026 · Oct 10, 2026
diff --git a/.changeset/preact-hotkeys-preact-store-0-13-5.md b/.changeset/preact-hotkeys-preact-store-0-13-5.md
@@ -0,0 +1,5 @@
+---
+'@tanstack/preact-hotkeys': patch
+---
+
+Require `@tanstack/preact-store` `^0.13.5`, the first version whose `preact` peer range allows Preact 11.
diff --git a/examples/preact/kitchen-sink/package.json b/examples/preact/kitchen-sink/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHeldKeys/package.json b/examples/preact/useHeldKeys/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHotkey/package.json b/examples/preact/useHotkey/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHotkeyRecorder/package.json b/examples/preact/useHotkeyRecorder/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHotkeySequence/package.json b/examples/preact/useHotkeySequence/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHotkeySequenceRecorder/package.json b/examples/preact/useHotkeySequenceRecorder/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHotkeySequences/package.json b/examples/preact/useHotkeySequences/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHotkeys/package.json b/examples/preact/useHotkeys/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/examples/preact/useHotkeys/src/index.tsx b/examples/preact/useHotkeys/src/index.tsx
@@ -176,7 +176,7 @@ function CommonOptionsDemo() {
         <kbd>{formatForDisplay('Alt+L')}</kbd> overrides{' '}
         <code>enabled: true</code> so it always works.
       </p>
-      <div style={{ marginBottom: 12 }}>
+      <div style={{ marginBottom: '12px' }}>
         <button onClick={() => setEnabled((e) => !e)}>
           {enabled ? 'Disable' : 'Enable'} common hotkeys
         </button>
@@ -415,7 +415,7 @@ function RegistrationsViewer() {
       </table>
       {sequences.length > 0 && (
         <>
-          <h3 style={{ marginTop: 16 }}>Sequences</h3>
+          <h3 style={{ marginTop: '16px' }}>Sequences</h3>
           <table className="registrations-table">
             <thead>
               <tr>

diff --git a/examples/preact/useKeyhold/package.json b/examples/preact/useKeyhold/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@tanstack/preact-hotkeys": "^0.13.0",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",

diff --git a/packages/preact-hotkeys-devtools/package.json b/packages/preact-hotkeys-devtools/package.json
@@ -55,6 +55,6 @@
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   }
 }
diff --git a/packages/preact-hotkeys-devtools/tests/panel.test.ts b/packages/preact-hotkeys-devtools/tests/panel.test.ts
@@ -34,6 +34,12 @@ it('mounts a standalone panel with default props', () => {
     theme: 'dark',
     devtoolsOpen: true,
   })
+})
+
+// devtools-utils <=0.7.0 skips unmount on Preact 11 (TanStack/devtools#551).
+// Switch back to `it` once a fixed devtools-utils is installed.
+it.fails('unmounts the standalone panel', () => {
+  act(() => render(h(HotkeysDevtoolsPanel, emptyProps), host))
   act(() => render(null, host))
   expect(core.unmount).toHaveBeenCalledOnce()
 })

diff --git a/packages/preact-hotkeys/package.json b/packages/preact-hotkeys/package.json
@@ -45,12 +45,12 @@
   ],
   "dependencies": {
     "@tanstack/hotkeys": "workspace:*",
-    "@tanstack/preact-store": "^0.13.4"
+    "@tanstack/preact-store": "^0.13.5"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.6",
     "@testing-library/preact": "^3.2.4",
-    "preact": "^10.29.8"
+    "preact": "^11.0.1"
   },
   "peerDependencies": {
     "preact": ">=10.0.0"

diff --git a/packages/preact-hotkeys/tests/useHotkey.test.tsx b/packages/preact-hotkeys/tests/useHotkey.test.tsx
@@ -5,6 +5,7 @@ import { useRef } from 'preact/hooks'
 import { HotkeyManager } from '@tanstack/hotkeys'
 import { useHotkey } from '../src/useHotkey'
 import type { HotkeyCallback } from '@tanstack/hotkeys'
+import { act } from 'preact/test-utils'
 
 function HotkeyTestComponent({
   callback,
@@ -48,7 +49,9 @@ describe('useHotkey', () => {
     const removeEventListenerSpy = vi.spyOn(document, 'removeEventListener')
 
     const { unmount } = render(<HotkeyTestComponent callback={callback} />)
-    unmount()
+    act(() => {
+      unmount()
+    })
 
     expect(removeEventListenerSpy).toHaveBeenCalledWith(
       'keydown',

diff --git a/packages/preact-hotkeys/tests/useHotkeySequences.test.tsx b/packages/preact-hotkeys/tests/useHotkeySequences.test.tsx
@@ -4,6 +4,7 @@ import { cleanup, render } from '@testing-library/preact'
 import { SequenceManager } from '@tanstack/hotkeys'
 import { useHotkeySequences } from '../src/useHotkeySequences'
 import type { UseHotkeySequenceDefinition } from '../src/useHotkeySequences'
+import { act } from 'preact/test-utils'
 
 function dispatchKey(key: string) {
   document.dispatchEvent(new KeyboardEvent('keydown', { key, bubbles: true }))
@@ -79,7 +80,9 @@ describe('useHotkeySequences', () => {
     )
 
     expect(SequenceManager.getInstance().getRegistrationCount()).toBe(2)
-    unmount()
+    act(() => {
+      unmount()
+    })
     expect(SequenceManager.getInstance().getRegistrationCount()).toBe(0)
   })
 

diff --git a/packages/preact-hotkeys/tests/useHotkeys.test.tsx b/packages/preact-hotkeys/tests/useHotkeys.test.tsx
@@ -4,6 +4,7 @@ import { cleanup, render } from '@testing-library/preact'
 import { HotkeyManager } from '@tanstack/hotkeys'
 import { useHotkeys } from '../src/useHotkeys'
 import type { UseHotkeyDefinition } from '../src/useHotkeys'
+import { act } from 'preact/test-utils'
 
 function MultiHotkeyComponent({
   definitions,
@@ -93,7 +94,9 @@ describe('useHotkeys', () => {
     const manager = HotkeyManager.getInstance()
     expect(manager.getRegistrationCount()).toBe(2)
 
-    unmount()
+    act(() => {
+      unmount()
+    })
     expect(manager.getRegistrationCount()).toBe(0)
   })