diff --git a/apps/wing-console/console/ui/src/ui/elk-map.tsx b/apps/wing-console/console/ui/src/ui/elk-map.tsx index 5b1fb841be8..d32acc3ec6f 100644 --- a/apps/wing-console/console/ui/src/ui/elk-map.tsx +++ b/apps/wing-console/console/ui/src/ui/elk-map.tsx @@ -17,6 +17,7 @@ import { useState, } from "react"; import { createPortal } from "react-dom"; +import { useKeyPressEvent } from "react-use"; import { Edge } from "../shared/Edge.js"; import { Node } from "../shared/Node.js"; @@ -576,6 +577,13 @@ export const ElkMap = ({ const mapBackgroundRef = useRef(null); + useKeyPressEvent( + "Escape", + useCallback(() => { + onSelectedNodeIdChange?.(undefined); + }, [onSelectedNodeIdChange]), + ); + return ( <>