diff --git a/app/client/components/dev-panel-listener.tsx b/app/client/components/dev-panel-listener.tsx index d14d3e67..a8d50a82 100644 --- a/app/client/components/dev-panel-listener.tsx +++ b/app/client/components/dev-panel-listener.tsx @@ -1,6 +1,6 @@ import { useState } from "react"; import { useQuery } from "@tanstack/react-query"; -import { useHotkey } from "@tanstack/react-hotkeys"; +import { useHotkeySequence } from "@tanstack/react-hotkeys"; import { getDevPanelOptions } from "~/client/api-client/@tanstack/react-query.gen"; import { DevPanel } from "./dev-panel"; @@ -10,7 +10,12 @@ export function DevPanelListener() { ...getDevPanelOptions(), }); - useHotkey("Mod+Shift+D", () => setIsOpen(true), { enabled: !!devPanelStatus?.enabled, preventDefault: true }); + useHotkeySequence(["D", "E", "V"], () => setIsOpen(true), { + enabled: !!devPanelStatus?.enabled, + preventDefault: true, + ignoreInputs: true, + timeout: 1000, + }); if (!devPanelStatus?.enabled) { return null;