JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//api-maps.yandex.ru/2.1/?lang=ru-RU"></script>
<div id="map"></div>

CSS

#map {
    width: 300px; height: 300px; padding: 0; margin: 0;
}

JavaScript

ymaps.ready(init);
function init () {
    var myMap = new ymaps.Map('map', {
            center: [55.76, 37.64],
            zoom: 8
        },{
            searchControlProvider: 'yandex#search'
        });
    // После того как данные YmapsMl-файла загрузятся, вызывается callback-функция.
    ymaps.geoXml.load('http://kemtrans.ru/data.xml')
        .then(function (res) {
            // Добавляем коллекцию геообъектов на карту.
            myMap.geoObjects.add(res.geoObjects);
        }, function (error) {
			console.log(error)
            alert('При загрузке YMapsML-файла произошла ошибка: ' + error);
        });
}