JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#map {
    height: 500px;
}

JavaScript

var map = L.map("map", {
	//maxBounds: L.latLngBounds([-90, -180], [90, 180]),
    minZoom: 2,
    worldCopyJump: true
}).setView([51, 179], 3);

L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'/*,
    noWrap: true*/
}).addTo(map);

L.marker([51.441767, 178]).addTo(map);
L.marker([51.441767, 179]).addTo(map);
L.marker([51.441767, -179]).addTo(map);