JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU"></script>
<div data-role="page" id="page-map">
    <div data-theme="a" data-role="header" data-position="fixed"> <a data-role="button" data-inline="true" data-rel="back" data-icon="arrow-l"
        class="ui-btn-left" data-iconpos="notext" data-direction="reverse">Cancel</a>

         <h3>Ваше расположение</h3>
 <a href="/" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right">Home</a>

    </div>
    <div data-role="content">
        <div id="map" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"></div>
    </div>
</div>

JavaScript

// Логируем ошибки
window.onerror = function (error) {
    $('[data-role=content]').append($('<div />').text(error));
};

var myMap = new ymaps.Map("map", {
    center: [55.76, 37.64],
    zoom: 13
});