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(function () {
        var container = $('#map'),
            myMap = new ymaps.Map(container.get(0), ymaps.util.extend(
                ymaps.util.bounds.getCenterAndZoom([
                    [45.951519, 38.220306],
                    [50.214249, 44.324251]
                ], [
                    container.width(),
                    container.height()
                ], ymaps.projection.wgs84Mercator, {
                    preciseZoom: false
                }), {
                    controls: ['zoomControl', 'searchControl']
                }));
});