JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map"></div>

CSS

</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<style>
        html, body, #map {
            width: 100%; height: 100%; padding: 0; margin: 0;
        }

JavaScript

ymaps.ready(function () {
    var myMap = new ymaps.Map('map', {
            center: [55.751574, 37.573856],
            zoom: 9,
            controls: []
        });
        
    myMap.controls.add(new ymaps.control.SearchControl({
        options: {
            provider: {
                geocode: function (request, options) {
                    return ymaps.geocode(
                        'Россия, ' + request.replace(/[Рр]оссия\S?\s?/g, ''),
                        ymaps.util.extend({}, options, {provider: null})
                    );
                }
            }
        }
     }));       
});