JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div id="map" class="black-and-white"></div>

CSS

html, body {
  height: 100%;
  margin: 0;
}

#map {
  width: 100%;
  height: 100%;
}

.black-and-white {
  filter: grayscale(100%);
}

JavaScript

ymaps.ready(function () {
  new ymaps.Map('map', {
    center: [55.751574, 37.573856],
    zoom: 9
  });
});