JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.1-dev/?lang=ru-RU&amp;mode=debug"></script>
<div id=map></div>

CSS

html, body, #map {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

JavaScript

// Подробнее http://api.yandex.ru/maps/
ymaps.ready(function () {
    var myMap = new ymaps.Map('map', {
            center: [55.751432, 37.716621],
            zoom: 14,
            controls: ['rulerControl']
        }),
        BalloonContentLayout = ymaps.templateLayoutFactory.createClass(
            '<h1 id="balloonTitle"></h1>', {
                build: function () {
                    // Нужно обязательно вызывать метод базового класса.
                    BalloonContentLayout.superclass.build.call(this);
                 // Ну или здесь может быть вызов jQuery.
                    document.getElementById('balloonTitle').innerHTML = '123';
                },
                clear: function () {
                    BalloonContentLayout.superclass.clear.call(this);      
                }
            }
        ),
        placemark1 = new ymaps.Placemark(myMap.getCenter(), {
            
        }, {
            balloonContentLayout: BalloonContentLayout
        });
    
    myMap.geoObjects.add(placemark1);
});