Updated 3.0.5 and MapLayer is not exported from 'react-leaflet' (it was 1.7.0)

[umitduran]

MapLayer Not Found

Hi,

I updated the my react-leaflet library from 1.7.0 to 3.0.5

In my project i am using HeatMapLayer extends from MapLayer. After updating i am getting this error 'Attempted import error: 'MapLayer' is not exported from 'react-leaflet'.
Below my code block here
export default class HeatMapLayer extends MapLayer { createLeafletElement() { return null; } componentDidMount() {} ... }
What should i do ?

[silviuburceadev]

3.x is a breaking change, no MapLayer anymore.

[umitduran]

3.x is a breaking change, no MapLayer anymore.

Instead of the MapLayer what i should use ? Do you have any idea ?

[anajavi]

3.x is a breaking change, no MapLayer anymore.

Instead of the MapLayer what i should use ? Do you have any idea ?

Probably you should rewrite it with hooks. Something like this:

const HeatLayer = (props: Props) => {
  const map = useMap();

  useEffect(() => {
    const { data, ...options } = props;

    const heatLayer = Leaflet.heatLayer(data, options);
    map.addLayer(heatLayer);
    return () => {
      map.removeLayer(heatLayer);
    };
  }, [map, props]);
};
export default HeatLayer;