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>
<script type="text/javascript" src="https://yastatic.net/jquery/2.2.3/jquery.min.js"></script>
<script type="text/javascript" src="https://yastatic.net/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://yastatic.net/bootstrap/3.3.4/css/bootstrap.min.css"/>
<style>
        html, body, #map {
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
        }

JavaScript

ymaps.ready(init);

function init() {

//Создаем карту
        map = new ymaps.Map('map', {
            center: [50, 30],
            zoom: 2,
            controls: [],
            type: null
        }, {
            minZoom: 1,
            maxZoom: 5,
            restrictMapArea: [[85, -169],[-70, 190]]
        });
        
//Отключаем стандартную подложку


map.layers.add(new ymaps.Layer(
'/images/tiles/%z/tile-%x-%y.jpg', {
    notFoundTile: 'https://sandbox.api.maps.yandex.net/examples/ru/2.1/azimuthal_map/images/tiles_arctic/3/tile-0-0.jpg'
}));
        
        
ymaps.regions.load('001', {
    lang: 'ru',
    quality: 1
}).then(function (result) {
    var regions = result.geoObjects; // ссылка на коллекцию GeoObjectCollection
    regions.options.set('fillColor', '#8ca9cf99');
    regions.options.set('strokeColor', '#FFF');
    regions.options.set('pixelRendering', 'static');
    
    //перекрашиваем нужные регионы
    regions.each(function (reg) {
        if (reg.properties.get('name') == "Россия" || reg.properties.get('name') == "Беларусь" || reg.properties.get('name') == "Украина") {
            // Меняем цвет 
            reg.options.set('fillColor', '#89e8e099')
        }
    });
    
    
    map.geoObjects.add(regions);
}, function () {
    alert('No response');
});


}