JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.leafletjs.com/leaflet-0.4/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.4/leaflet.css">
<!DOCTYPE html>
<html>   
   
    <body>
        <div id="map" style="width: 600px; height: 400px"></div>        
    </body>

</html>

CSS

div.circle {
    background-color: #ff7800;
    border-color: black;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    width:5px;
    height:5px;
}

JavaScript

var map = L.map('map').setView([51.505, -0.09], 13);

var createCircleMarker = function (latlng) {debugger
    return L.marker(latlng, {
        icon: L.divIcon({
            className: 'circle',
            iconSize: [8, 8]
        }),
        title: 'test'
    })
}


createCircleMarker([51.505, -0.09]).addTo(map);