JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
  <head>
    <title>Примеры. Прямое геокодирование</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- Если вы используете API локально, то в URL ресурса необходимо указывать протокол в стандартном виде (http://...)-->
    <script src="//api-maps.yandex.ru/2.0/?load=package.full&lang=ru-RU" type="text/javascript"></script>
    <style type="text/css">
        html, body, #map {
            width: 450px;
            height: 350px;
            margin: 0;
            padding: 0;
        }
    </style>
  </head>
  <body>
    <div id="map"/>
  </body>
</html>

JavaScript

ymaps.ready(init);

function init() {
    var myMap = new ymaps.Map('map', {
        center: [55.753994, 37.622093],
        zoom: 13,
        behaviors: ['default', 'scrollZoom']
    });

    ymaps.geocode('Нижний Новгород Ленина 21', {
       
        // boundedBy: myMap.getBounds(), // Сортировка результатов от центра окна карты
        
        // strictBounds: true, // Вместе с опцией boundedBy будет искать строго внутри области, указанной в boundedBy
        
        results: 1 // Если нужен только один результат, экономим трафик пользователей
        
    }).then(function (res) {
            // Выбираем первый результат геокодирования.
            var firstGeoObject = res.geoObjects.get(0),
                // Координаты геообъекта.
                coords = firstGeoObject.geometry.getCoordinates(),
                // Область видимости геообъекта.
                bounds = firstGeoObject.properties.get('boundedBy');

           
            myMap.geoObjects.add(firstGeoObject);

            myMap.setBounds(bounds);
            
            myMap.setZoom(16, {
            checkZoomRange: true
            });
            

        });
}