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 myMap = new ymaps.Map('map', {
            center: [55.73197, 49.18978],
            zoom: 13,
            controls: []
        }),
        multiRoute = new ymaps.multiRouter.MultiRoute({
            referencePoints: [
                'Казань, Остановка «пос.Новая Сосновка»',
                [55.73197, 49.18978]
            ]
        }),
    state = 'masstransit';
    multiRoute.model.setParams({
        routingMode: 'masstransit'
    });

    multiRoute.events.add("update",function () {
            var wayPoints = multiRoute.getWayPoints();
            wayPoints.get(wayPoints.getLength() - 1).options.set({
                'iconLayout': 'default#image',
                'iconImageHref': 'ogo.png'
            });
        });

    multiRoute.events.add("update",function () {
            var wayInfo = multiRoute.getRoutes();//Пытался поднятся на уровень вверх...Дальше не знаю что делать.
        });


    myMap.geoObjects.add(multiRoute);
}

ymaps.ready(init);