JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<body>
    <textarea id="text"></textarea>
    <div id="map" style="width: 600px; height: 400px"></div>
</body>

JavaScript

ymaps.ready(init);
var myMap;

function init(){     
    myMap = new ymaps.Map("map", {
        center: [55.76, 37.64],
        zoom: 7
    });
    var MyBalloonLayout = ymaps.templateLayoutFactory.createClass('{{ content }}');
    myMap.balloon.open(myMap.getCenter(), { content: 'test' });
};

$('#text').on('keyup', function() {
	myMap.balloon.open(myMap.getCenter(), { content: $('#text').val() });
    console.log(myMap.balloon.getData());
});