Плагин Leaflet внутри React-Leaflet

React-Leaflet стремится предоставить все элементы управления и уровни, предоставляемые Leaflet, но он не поддерживает какие-либо плагины Leaflet.

Для создания пользовательских компонентов требуются следующие шаги:

1.) Расширить абстрактный класс, предоставленный React-Leaflet

2.) Реализовать метод createLeafletElement (props: Object): Object для создания Leaflet-элемента. Например,

createLeafletElement(opts) {
const MapInfo = L.Control.extend({
  onAdd: (map) => {
    this.panelDiv = L.DomUtil.create('div', 'info');
    return this.panelDiv;
  }
});
return new MapInfo({ position: 'bottomleft' });
}

3.) Использование withLeaflet - Оберните ваш компонент. Например,

export default withLeaflet(MapInfo);

Этот пример поможет вам - https://codesandbox.io/s/p5zzmnlk8j

Также обратитесь к этой документации https://react-leaflet.js.org/docs/en/custom-components.html