JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map"></div>
<div class="links">
  <a href="#">Link1</a>
  <a href="#">Link 2</a>
</div>

CSS

#map {
  height: 400px;
}

JavaScript

ymaps.ready(init);
function init () {
    var myMap = new ymaps.Map("map", {
      center: [55.6938,37.6001],
      zoom: 4,
      controls: [],
    });
    var myGeoObjects = [];
    myGeoObjects[0] = new ymaps.Placemark([55.6740,37.7333],{
      clusterCaption: 'Moscow',
      },{
      iconLayout: 'default#image',
      iconImageHref: 'http://placehold.it/20x20',
      iconImageSize: [28, 42],
    });
    myGeoObjects[1] = new ymaps.Placemark([55.6990,37.7377],{
      clusterCaption: 'Moscow',
      },{
      iconLayout: 'default#image',
      iconImageHref: 'http://placehold.it/20x20',
      iconImageSize: [28, 42],
    });
    myGeoObjects[2] = new ymaps.Placemark([56.299278725518555,43.99715184918819],{
          clusterCaption: 'Nnov', 
          },{
          iconLayout: 'default#image',
          iconImageHref: 'http://placehold.it/20x20',
          iconImageSize: [28, 42],
        });
    myGeoObjects[3] = new ymaps.Placemark([56.30080581135179,43.99715184918819],{
          clusterCaption: 'Nnov', 
          },{
          iconLayout: 'default#image',
          iconImageHref: 'http://placehold.it/20x20',
          iconImageSize: [28, 42],
        });

    var clusterer = new ymaps.Clusterer({
          clusterDisableClickZoom: false,
          clusterOpenBalloonOnClick: false,
          clusterBalloonContentLayout: 'cluster#balloonCarousel',
     });
    clusterer.add(myGeoObjects);
    myMap.geoObjects.add(clusterer);
}