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 referencePoints = [
      "Москва, Ленинский проспект",
      "Москва, Льва Толстого, 16",
      "Москва, Кремлевская набережная",
      "Москва, парк Сокольники"
    ],
    viaIndexes = [2];
  var WayPointIconContentLayout = ymaps.templateLayoutFactory.createClass('{{properties.iconContent}}', {
    build: function() {
      WayPointIconContentLayout.superclass.build.call(this);
      var props = this.getData().properties

      if (!props.get('iconContent')) {
        props.set('iconContent', props.get('index') + 1);
      }
    }
  })
  // Создаем мультимаршрут и настраиваем его внешний вид с помощью опций.
  var multiRoute = new ymaps.multiRouter.MultiRoute({
    referencePoints: referencePoints,
    params: {
      viaIndexes: viaIndexes
    }
  }, {
    wayPointIconLayout: 'islands#icon',
    /*
    wayPointIconColor: '#1E98FF',
    wayPointStartIconColor: '#1E98FF',
    wayPointEndIconColor: '#1E98FF',
    */
    wayPointIconContentLayout: WayPointIconContentLayout,
    boundsAutoApply: true,
  });

  // Создаем карту с добавленной на нее кнопкой.
  var myMap = new ymaps.Map('map', {
    center: [55.739625, 37.54120],
    zoom: 7,
  });

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

ymaps.ready(init);