JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.1-dev/?lang=ru-RU&amp;load=package.full"></script>
<div id="YMapsID"></div>

CSS

#YMapsID {
  width: 100%;
  height: 400px;
}

JavaScript

ymaps.ready(function () {
    var map = new ymaps.Map('YMapsID', {
        center: [55.733835, 37.588227],
        zoom: 12,
        controls: ['mediumMapDefaultSet']
    });
    
    var searchControl = map.controls.get('searchControl');
    searchControl.options.set('noPlacemark', true);
    searchControl.events.add('resultshow', function (event) {
        var resultIndex = event.get('index');
        var result = searchControl.getResultsArray()[resultIndex];
        var coordinates = result.geometry.getCoordinates();
        map.balloon.open(coordinates, 'test');
    });
});