JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.1-dev/?lang=ru-RU"></script>
<div id=map></div>

CSS

#map { width: 300px; height: 400px; }

JavaScript

// Подробнее http://api.yandex.ru/maps/
ymaps.ready(function () {
    var map = new ymaps.Map('map', {
        center: [55.751432, 37.716621],
        zoom: 10,
        controls: ['fullscreenControl']
    });
    
    var counter = 0,
        ESCAPE_KEYCODE = 27;
    // http://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/domEvent.manager.xml
    ymaps.domEvent.manager.add(document.documentElement, 'keyup', function (event) {
        if (event.get('charCode') == ESCAPE_KEYCODE || event.get('keyCode') == ESCAPE_KEYCODE) {
            // Якобы убираем div ...
            if (counter++ == 0) {
                // http://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/Event.xml
                event.stopImmediatePropagation();
                event.preventDefault();
            }
        }
    }, this, true); // последние аргумент - срабатывание события на фазе захвата
    
});