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

function init () {
    // Объявляем набор опорных точек, и массив индексов транзитных точек.
    var routeIconTitleFilter = function (data, value, param) {
        return String.fromCharCode(65 + value);
    };

    ymaps.template.filtersStorage.add('route#title', routeIconTitleFilter);
    var referencePoints = [
            "Москва, Ленинский проспект",
            "Москва, Льва Толстого, 16",
            "Москва, Кремлевская набережная",
            "Москва, парк Сокольники"
        ],
        viaIndexes = [2];

    // Создаем мультимаршрут и настраиваем его внешний вид с помощью опций.
    var multiRoute = new ymaps.multiRouter.MultiRoute({
        referencePoints: referencePoints,
        params: { viaIndexes: viaIndexes }
    }, {
        boundsAutoApply: true,
        // Внешний вид путевых точек.
        // Задаем собственную картинку для последней путевой точки.
        wayPointIconLayout: "default#imageWithContent",
        wayPointIconImageHref: "https://sandbox.api.maps.yandex.net/examples/ru/2.1/multiroute_view_options/images/sokolniki.png",
        wayPointIconImageSize: [30, 30],
        wayPointIconImageOffset: [-15, -15],
        wayPointIconContentLayout: ymaps.templateLayoutFactory.createClass('{{ properties.index|route#title }}'),
        // Позволяет скрыть иконки путевых точек маршрута.
        // wayPointVisible:false,
    });
    
    // Создаем карту с добавленной на нее кнопкой.
    var myMap = new ymaps.Map('map', {
        center: [55.739625, 37.54120],
        zoom: 7
    });

    // Добавляем мультимаршрут на карту.
    myMap.geoObjects.add(multiRoute);
}

ymaps.ready(init);