JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js"></script>
<link rel="stylesheet" href="https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css">
<div id="mapid" style="height: 300px;"></div>

JavaScript

var mapBoxUrl = 'https://api.mapbox.com/styles/v1/shavitamit/cintinlry003wzvnl4e8mv498/tiles/{z}/{x}/{y}?access_token=pk.eyJ1Ijoic2hhdml0YW1pdCIsImEiOiJjaW5zNmJxM2cxMHFudHFram4wMWR5cWc2In0.8iSMtmKveklyOiEI1WjA5A';

			var mapboxTiles = L.tileLayer(mapBoxUrl, {
    				attribution: '© <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>',
            tileSize: 512,
            zoomOffset: -1
				});

			var map = L.map('mapid')
			    .addLayer(mapboxTiles)
			    .setView([42.888284, -78.877222], 16);