Как использовать элементы листовки в React-Leaflet?

Question

Есть ли у кого-нибудь обновленное руководство по реализации нормального кода листовки между реагирующими компонентами, а также шаблон для расширения компонентов листовки реагирования с помощью функциональных компонентов реакции?

пример того, что я хочу реализовать 1004 *

В идеале я бы реализовал его в другом компоненте, настроенном примерно так:

export default CustomMarkerComponent() => {
  const mapRef = useRef(null);

  useEffect(() => {
    const map = mapRef.current.leafletElement;
    constL.marker(<LatLng> latlng, <Marker options> options?).addTo(mapRef)
  }, []);