JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#map {
    width: 640px;
    height: 480px;
}

JavaScript

ymaps.ready(init);

function init() {
    var container = $('#map'),
        mapState = ymaps.util.bounds.getCenterAndZoom([
            [47.215150, 39.718534],
            [47.226362, 39.734991]
        ], [container.width(), container.height()]),
        myMap = new ymaps.Map(container.get(0), ymaps.util.extend(
            mapState, {
                controls: ['zoomControl']
            }
        ));

    myMap.geoObjects.add(new ymaps.Placemark(mapState.center));
}