JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.1.11/?load=package.full&amp;lang=ru-RU&amp;coordorder=longlat"></script>
<div id="ya_map"></div>

CSS

#ya_map {
    width: 450px;
    height: 350px;
}

JavaScript

ymaps.ready(function () {
  ymaps.geolocation.get({
    provider: 'yandex',
    autoReverseGeocode: true
  }).then(function (promise) {
    var coordinates = promise.geoObjects.position;
    var myMap = window.map = new ymaps.Map('ya_map', {
      center: [coordinates[0], coordinates[1]],
      zoom: 8,
      controls: ['geolocationControl', 'zoomControl', 'typeSelector'] 
    });
   
      var clusters = ymaps.geoQuery(ymaps.geoXml.load('http://rta-altay.myjino.ru/geoxml.xml?v19'))
      .search("geometry.type == 'Point'")
      .clusterize({
        clusterDisableClickZoom: true
      });
      
      myMap.geoObjects.add(clusters);
      
  });
});