how to add leaflet routing machine control to another div instead of map: react-leaflet

I want to display routing machine control div on dashboard (collapse side bar like google maps) instead of map div, because it is covering the map on mobile version. is there any easier way to do that? I have tried this 2 ways : appending control div to another div , appending control div with onAdd(map)

How to render multiple markers from an array of coordinates in react leaflet

as the title says i’m trying to render multiple markers over the map by using react leaflet.
I’m gathering all the coordinates that i receive from a BE response and i put them into an array. When i render the component i only see the map without my markers. So i’m probably missing out something.