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/?lang=ru_RU"></script>
<style>
        html, body, #map {
            width: 100%; height: 100%; padding: 0; margin: 0;
        }

JavaScript

ymaps.ready(function () {
    var myMap = new ymaps.Map('map', {
        center: [55.751574, 37.573856],
        zoom: 9,
        // Также доступны наборы 'default' и 'largeMapDefaultSet'
        // Элементы управления в наборах подобраны оптимальным образом
        // для карт маленького, среднего и крупного размеров.
        controls: ['smallMapDefaultSet']
    });
    
    myMap.controls.add(new ymaps.control.ListBox({
        data: {
            content: 'Выбрать город'
        },
        items: [
            new ymaps.control.ListBoxItem('Москва'),
            new ymaps.control.ListBoxItem('Новосибирск'),
            new ymaps.control.ListBoxItem({options: {type: 'separator'}}),
            new ymaps.control.ListBoxItem('Нью-Йорк'),
        ],
        options: {
            itemSelectOnClick: false
        }
    }));
});