JSFiddle - React, Tailwind, and code Playground

HTML

<div id="map"></div>

CSS

</style>
<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?load=Map,Placemark,geoObject.addon.balloon,control.ZoomControl&lang=ru_RU"></script>
<style>
            html, body, #map {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
            }

JavaScript

ymaps.ready(function () {
    // В функцию поступает пространство имен, которое содержит все запрощенные при инициализации модули. 
    var myMap = new ymaps.Map('map', {
            center: [47.218055565556, -1.5527777877778],
            zoom: 7,
            // В данном примере карта создается без контролов, так как те не были загружены при инициализации API.
            controls: ['zoomControl']
        }),
        placemark = new ymaps.Placemark(
            myMap.getCenter(), {
                balloonContent: 'Нант - шестой по величине город Франции'
            }
        );
    myMap.geoObjects.add(placemark);    

});