javascript – React Leaflet update external component when click on map

A very cool feature of dashboards is a map (e.g. a choropleth world map) that when you click on it (e.g. you click on a country) other tables and charts in the dashboard are updated to show country specific information. I would like to build this using React, Leaflet and a chart library (e.g. recharts or something) for the external tables/charts.

For an example of what I mean, see this highchart dashboard

On the react-leaflet documentation page I found this, which I think demonstrates that it is possible: react-leaflet.js.org/docs/example-external-state/

I could not, however, find any other examples that more closely fit my description (spend quite some time searching on Stack Overflow and Google). This then makes me wonder whether this is actually possible using React leaflet.

Can this be done?