JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

JavaScript

ymaps.ready(function(){
    map = new ymaps.Map('map', {
        center: [55.76, 37.64],
        zoom: 6
    });
    var layout = ymaps.templateLayoutFactory.createClass("<div>{{name}}!</div>");

    map.balloon.open(map.getCenter(), {
        name: "Name"
      }, {
        contentLayout: layout
      }
    );
})