JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://api-maps.yandex.ru/2.1.73/?lang=ru_RU"></script>
<div id="map"></div>

CSS

body {
  margin: 0;
}

#map {
  height: 100vh;
}

JavaScript

ymaps.ready(function() {
  const center = [ 55.7708, 37.5967 ];

  const map = new ymaps.Map('map', {
    center,
    zoom: 10,
    controls: [],
  });

  map.geoObjects.add(new ymaps.Placemark(center, {
    balloonContent: 'hello, world!!',
  }));

  map.events.add('click', e => e.get('target').balloon.close());
});