title: React-leaflet how to refresh map to show up markers
body: <p>In react-leaflet, I load markers list for database but the map display without markers. I need to refresh map or something like that to display markers. after map loading is finished.</p>
  <p>could anyone help me ???</p>
  <pre><code>  &lt;MapContainer center={[51.505, -0.09]} zoom={17} scrollWheelZoom={true}&gt;
    &lt;TileLayer url=&quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot; /&gt;
      {markers.map((m, index) =&gt; (
      &lt;Marker
        position={[m.lat, m.lng]}
        marker_index={index}
        id={m.Id}
        eventHandlers={{ click: onMarkerClicks  , dragend : onMarkerDragEnd}}
        key={`marker_${index}`}
        draggable=&quot;true&quot;&gt;
        &lt;Popup key={`marker_popup_${index}`}&gt;{m.detail}&lt;/Popup&gt;
      &lt;/Marker&gt;
    ))}
    &lt;/MapContainer&gt;
  </code></pre>