@datalayer/core/lib/hooks/useKeyboardEscape.js

[](https://datalayer.io)

/*
 * Copyright (c) 2023-2025 Datalayer, Inc.
 * Distributed under the terms of the Modified BSD License.
 */
import { useCallback, useEffect } from 'react';
export function useKeyboardEscape(handler) {
    const handleKeyboardEscape = useCallback(event => {
        if (event.key === 'Escape') {
            handler();
        }
    }, [handler]);
    useEffect(() => {
        document.addEventListener('keydown', handleKeyboardEscape, false);
        return () => {
            document.removeEventListener('keydown', handleKeyboardEscape, false);
        };
    }, [handleKeyboardEscape]);
}