react-geo VS react-leaflet

The second approach considers rendering components like the draw interaction mentioned above as child components of the react map component. The map instance could then be passed down to the children of the map component either directly as a prop or by leveraging reacts context object using the Provider pattern. However, the react documentation explicitly advises against using context, though we found a number of solutions using this pattern (react-geo, react-leaflet) and also popular libraries like react-redux make use of it. We therefore thought about using React.Children.map() to clone the child components and then adding map to them as a prop.

30.react-leaflet

Check out React Leaflet https://react-leaflet.js.org/

But in the case of React Leaflet, you may need to put in some more efforts.

You might wanna check out Leaflet (https://leafletjs.com/) which is a free, open-source library for interactive maps. Combine that with React-Leaflet (https://react-leaflet.js.org/) for seamless React integration. You can find Pond/Lake GeoJSON data at https://gis.mass.gov/ and load it into your map to make it interactive. Good luck!

Leaflet has many official and third party plugins and wrappers. Since we’re using React, we can use React Leaflet which provides components for rendering Leaflet maps in React.

Do you need to just make an image that looks like a map, or do you need to make an actual map (i.e. derived from spatial data)? I think leaflet is still the go to OSS webmap library, and will do hexbins. It has a react version.

React-leaflet (and Leaflet.js) library (link)

I wanted to update the react-leaflet version in my project. On the github and npm page for the package it says the latest version is 4.2 https://www.npmjs.com/package/react-leaflet. When I ran an npm update react-leaflet it updated the version from 3.0.1 to 3.2.5. Why isn't it 4.2?