JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <script src="http://api-maps.yandex.ru/2.0-stable/?load=package.full&lang=ru-RU" type="text/javascript"></script>
    <script>
        ymaps.ready(function(){
            var map = new ymaps.Map ("map", {
                center: [55.76, 37.64], 
                zoom: 7
            });
            new qwe(map);
        });
    </script>
</head>
<body>
    <div id="map" style="width: 600px; height: 400px"></div>
</body>
</html>

JavaScript

var qwe = function(map){
    this.map = map;
    
    this.Circle = function(map){
        this.map = map;
        this.onMapMouseDown = function(e) {
            var coords = e.get('coordPosition');
            var circle = new ymaps.Circle([coords, 100000], {}, {draggable: true});
            // Событие mousedown на круге
            circle.events.add('mousedown', function(e){
                // Здесь надо остановить появление кругов... :)
                // Пробовал e.originalEvent.domEvent.stopPropagation()
                // Не помогло...
            }, circle);
            this.map.geoObjects.add(circle);
        };
        map.events.add('mousedown', this.onMapMouseDown, this);
    };
    
    new this.Circle(this.map);
};