title: How to add a legend to the map using react leaflet, without using refs and manually modifying the DOM?
body: <p>I'm using react-leaflet and want to add a legend to the map.</p>
  
  <p>I can currently do it by passing a ref of the map to a custom component and render null while having a function create the HTML and add it to the map. The refs are being a nightmare to test using Jest and Enzyme.</p>
  
  <p>Is there a way to using a react-leaflet component to accomplish this?</p>