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(
				[[47.214030, 39.723942], [47.225242, 39.740399]],
				[container.width(), container.height()],
				ymaps.projection.wgs84Mercator, {
					preciseZoom: false
				}
			), {controls: ['zoomControl']}
		));
});