Cannot useRef with functional components

[slutske22]

Cannot useRef with functional components

[slutske22]

Wow I guess I never tested the refs before. You're right, this is a problem. I need to wrap the underlying EsriLeafletLayer in a forwardRef call to get this working, or make it a class component. I'll try to fix this as soon as I can. Currently, a crappy workaround is to do this:

import { EsriLeafletLayer } from "react-esri-leaflet";

const Map = () => {
  var dynamicMapLayerRef = React.useRef();

  return (
    <MapContainer ... >=
      <EsriLeafletLayer
        layerType="dynamicMapLayer"
        ref={dynamicMapLayerRef}
        url="your_layer_url"
      />
    </MapContainer>
  );
};

Here's a working example of that. Right this moment it seems that dynamic map layer url is not working on the arcgis side, but the ref to the layer is still working.

I'll get working on fixing this for real hopefully within the next few days.

[slutske22]

This is fixed now. Upgrade to 1.3.0 and you should be able to use refs normally as described in the docs. The examples also now have working examples of using refs (check out the <FeatureLayer /> component in either example folder). Let me know if you have any more issues with this.

[kevinkdarling]

Just wanted to thank you very much for the fix! You saved our project.