JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;lang=ru-RU"></script>
 <div id="map" style="width:650px;height:500px"></div>

JavaScript

//getZoom()

ymaps.ready(function () {
var myMap = new ymaps.Map('map', {
        center: [51.700684, 39.23291],
        zoom: 4,
		behaviors: ["default", "scrollZoom"]
    }),
    searchControl = new ymaps.control.SearchControl({ 
        provider: 'yandex#publicMap',
        noPopup: true,
        noCentering: true
        //kind: 'house',
	});

// добавляем панель на карту в нужную позицию
myMap.controls.add(searchControl, { left: '40px', top: '10px' });
    searchControl.events.add('resultshow', function (e) {
       var index = e.get('resultIndex');      searchControl.getResult(index)
       .then(function (geoObject) {
           myMap.setCenter(geoObject.geometry.getCoordinates());
       });
    });
    
});

myMap.action.events.add('tick', function (e) {
    var tick = e.get('tick');
    console.log('Сейчас карта переместится в точку (' +
        myMap.options.get('projection').fromGlobalPixels(tick.globalPixelCenter, tick.zoom).join(',') +
        ') в течение ' + e.get('tick').duration + ' миллисекунд');
});

// Поставим метку по клику над картой
myMap.events.add('click', function (e) {
    // Географические координаты точки клика можно узнать
    // посредством вызова .get('coordPosition')
    var position = e.get('coordPosition');
    myMap.geoObjects.add(new ymaps.Placemark(position));
});