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

html, body, #map {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

JavaScript

// Подробнее http://api.yandex.ru/maps/
ymaps.ready(function () {
    var map = new ymaps.Map('map', {
        center: [53.30473, 27.551899],
        zoom: 6
    });
    
    var placemark = new ymaps.Placemark([52.10473, 27.551899], {
        balloonContent: '123'
    }, {
        openBalloonOnClick: false
    });
    
    map.geoObjects.add(placemark);    
    
    placemark.events.add('click', function () {
        map.panTo(placemark.geometry.getCoordinates(), {
            delay: 0,
            callback: function () {
                placemark.balloon.open();
            }
        }); 
    });
});