JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://api-maps.yandex.ru/2.0/?load=package.full&amp;onload=init&amp;lang=ru-RU&amp;foo=.js"></script>
<div id="map" style="height: 400px; width: 600px; margin: 0 auto;"></div>

JavaScript

function init(ymaps) {
    var map = new ymaps.Map('map', {
        center: [54, 54],
        type: "yandex#map",
        zoom: 8
    }, {});

    map.controls.add("zoomControl", {
        top: 10,
        left: 50
    });
    map.controls.add("typeSelector", {
        bottom: 10,
        left: 15
    });

    map.controls.add(new ymaps.control.SearchControl(), {
        top: 100,
        right: 100
    }).add(new ymaps.control.Button("button"), {
        top: 100,
        right: 400
    }).add(new ymaps.control.TrafficControl(), {
        bottom: 200,
        right: 10
    });
}