JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css">
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
 <div id="mapid"></div>

CSS

#mapid { height: 400px; }

JavaScript

var mymap = L.map('mapid', {
	closePopupOnClick: false
})
.on('click', function() { this.closePopup(); })
.setView([51.505, -0.09], 13);


L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',{
        attribution : 'Map data and tiles by <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(mymap);
    
    
    
var marker = L.marker([51.5, -0.09]).addTo(mymap);
var marker2 = L.marker([51.5, -0.10]).addTo(mymap);

marker.bindPopup("first",{
        autoClose:false
      });
      
marker2.bindPopup("second",{
        autoClose:false
      });