JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://api-maps.yandex.ru/2.1.4/?lang=ru-RU&load=package.full&mode=debug"></script>
<div id="map" style="width: 800px; height: 500px;"></div>

JavaScript

ymaps.ready(mapInit);

function mapInit()
{
    var map = new ymaps.Map( 'map', {
            center: [55.753676,37.619899],
            zoom: 15
        }
    );

    var myGeoObjects = [];
    myGeoObjects[0] = new ymaps.GeoObject({ geometry: { type: 'Point', coordinates: [55.753676,37.619899] } },
        { openEmptyBalloon: true }
    );
    myGeoObjects[1] = new ymaps.GeoObject({ geometry: { type: 'Point', coordinates: [55.753673,37.619896] } },
        { openEmptyBalloon: true }
    );
    myGeoObjects[2] = new ymaps.GeoObject({ geometry: { type: 'Point', coordinates: [55.753670,37.619890] } },
        { openEmptyBalloon: true }
    );
    myGeoObjects[3] = new ymaps.GeoObject({ geometry: { type: 'Point', coordinates: [55.750000,37.610000] } },
        { openEmptyBalloon: true }
    );

    clusterer = new ymaps.Clusterer();
    clusterer.add(myGeoObjects);

    clusterer.events.add('balloonopen', function(e){
        console.log('событие');
        alert('событие');
    });

    map.geoObjects.add(clusterer);
}