JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css">
<div id="map"></div>

CSS

body {
    padding: 0;
    margin: 0;
  }
  html, body, #map {
    height: 100%;
  }

JavaScript

var map = L.map("map", {
    zoom: 7,
    center: [39, -104.8],
    minZoom: 4
});

var cdbAttr = '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://cartodb.com/attributions">CartoDB</a>';

var cdbBase = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}.png',{attribution: cdbAttr}).setZIndex(1).addTo(map);

var cdbLabels = L.tileLayer('http://{s}.basemaps.cartocdn.com/light_only_labels/{z}/{x}/{y}.png',{clickable: 'false'}).setZIndex(1000).addTo(map);

//create map sandwich
var topPane = map._createPane('leaflet-top-pane', map.getPanes().mapPane);
topPane.appendChild(cdbLabels.getContainer());

var circle = L.circle([39, -104.8], 200000, {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5
}).addTo(map);