JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//api-maps.yandex.ru/2.1-dev/?lang=ru-RU&load=package.full" type="text/javascript"></script>
<div id="map" style="width: 400px; height: 300px;"></div>

JavaScript

ymaps.ready(init);
function init () {
    var myMap = new ymaps.Map("map", {
            center: [57.5262, 38.3061], // Углич
            zoom: 11
        }, {
            balloonMaxWidth: 200
        });

    // Обработка события, возникающего при щелчке
    // левой кнопкой мыши в любой точке карты.
    // При возникновении такого события откроем балун.
    myMap.events.add('click', function (e) {
        if (!myMap.balloon.isOpen()) {
            var coords = e.get('coords');
            myMap.balloon.open(coords, {
                contentHeader: 'Событие!',
                contentBody: 'Кто-то щелкнул по карте.' +
                    'Координаты щелчка: ' + [
                        coords[0].toPrecision(6),
                        coords[1].toPrecision(6)
                    ].join(', '),
                contentFooter: 'Щелкните еще раз'
            });
        } else {
            myMap.balloon.close();
        }
    });
}