react+yandex-map+leaflet

import React, { Component, Fragment } from "react";
import ReactDom from "react-dom";
import { Map, Marker, Popup, TileLayer } from "react-leaflet";
import { CRS } from "leaflet";

const position = [51.505, -0.09];
class Text extends Component {
  render() {
    return (
      <Fragment>
        <h1>leaflet</h1>
        <Map center={position} zoom={13} crs={CRS.EPSG3395}>
          <TileLayer
            subdomains={["01", "02", "03", "04"]}
            attribution='<a http="yandex.ru" target="_blank">Яндекс</a>'
            url="http://vec{s}.maps.yandex.net/tiles?l=map&v=4.55.2&z={z}&x={x}&y={y}&scale=2&lang=ru_RU"
          >
            <Marker position={position}>
              <Popup>
                A pretty CSS3 popup.
                <br />
                Easily customizable.
              </Popup>
            </Marker>
          </TileLayer>
        </Map>
      </Fragment>
    );
  }
}

ReactDom.render(<Text />, document.getElementById("app"));