Source: maps/MapGeoJson.js

import React, { useMemo, useRef } from "react";
import { GeoJSON } from 'react-leaflet';
import { processOptions } from '../..';
/**
 * Componente que renderiza un GeoJson
 * @name Reactor.Components.Maps.MapGeoJson
 * @param {JsonString} data json con la informacion que se va a renderizar en el mapa
 * @class 
 * @example 
<geo_json data="{}"></geo_json>
 */

export const MapGeoJson = ({ data }) => {
  const ref = useRef(null);
  const geoJson = useMemo(()=>{
    return processOptions(geoJson, null, null);
  }, [data])

  return (
    <>      
      {geoJson && 
        <GeoJSON
          data={geoJson}
          ref={ref}> 
        </GeoJSON> 
      }
      {!geoJson && 
        <></> 
      }
    </>
  )
}