JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.1-dev/?lang=ru-RU&load=package.full" type="text/javascript"></script>


<div class="hero-unit">
    <div class="container">
        <div id="YMapsID"></div>
    </div>
</div>

CSS

#YMapsID {
            width: 600px;
            height: 600px;
        }

JavaScript

ymaps.ready(function () {
    var myMap = new ymaps.Map('YMapsID', {
        center: [55.733835, 37.588227],
        zoom: 12,
        controls: ['searchControl']
    });

    searchControl = new ymaps.control.SearchControl({

        boundedBy: [
            [37.13268871914181, 55.55945544545429],
            [38.085747336675574, 55.946698202860325]
        ],
        strictBounds: true

    });

});