JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru_RU"></script>
<div id=map></div>

CSS

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

JavaScript

ymaps.ready(function () {
    var map = new ymaps.Map('map', {
        center: [55.819543, 37.611619],
        zoom: 6 
    });   
    
    var pl = new ymaps.Placemark(map.getCenter(), {
        balloonContent: 'a213213' 
    });
    
    map.geoObjects.add(pl);
    
    pl.events.add('balloonopen', function (e) {
        var layout = e.get('balloon').getOverlay().getLayout();
        
        layout.events.once('userclose', function () {
            alert('1');
        });
    });
});