I am trying to implement some simple movement controls on a react-leaflet map to allow “flying” to a set of predefined coordinates after pressing a button.

I am trying to render leaflet markers using React Leaflet with data fetched from an API using useEffect. The markers are not showing up despite the location data being non-null at the time of declaring the marker (supposedly, through use of conditional rendering, though I’m not so sure anymore).