JSFiddle - React, Tailwind, and code Playground

HTML

<!--
        Укажите свой API-ключ. Тестовый ключ НЕ БУДЕТ работать на других сайтах.
        Получить ключ можно в Кабинете разработчика: https://developer.tech.yandex.ru/keys/
    -->
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&apikey=60445215-6d3a-4f88-87fe-8d52b72e5bc9"></script>
<div id="map"></div>
<button class="search" type="button" data-search="школа">школа</button>
<button class="search" type="button" data-search="кафе">кафе</button>

CSS

html, body, #map {
            width: 100%; height: 90%; padding: 0; margin: 0;
        }

JavaScript

function init() {
    var myMap = new ymaps.Map('map', {
        center: [55.74, 37.58],
        zoom: 13,
        controls: []
    });
    
    // Создадим экземпляр элемента управления «поиск по карте»
    // с установленной опцией провайдера данных для поиска по организациям.
    var searchControl = new ymaps.control.SearchControl({
        options: { 
            maxWidth: 'small',
            provider: 'yandex#search'
        }
    });
    
    myMap.controls.add(searchControl);
    
    // Программно выполним поиск определённых кафе в текущей
    // прямоугольной области карты.
   document.querySelectorAll('.search').forEach(
   elem => elem.addEventListener( "click" , function(event) {
   searchControl.search(elem.dataset.search);
}))
}

ymaps.ready(init);