JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/leaflet/1.0.0-rc.3/leaflet.css">
<script src="https://cdn.jsdelivr.net/leaflet/1.0.0-rc.3/leaflet-src.js"></script>
<div id="map"></div>

CSS

body {
  margin: 0;
  padding: 0;
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

JavaScript

var map = L.map('map').setView([65.276178, 16.683775], 5);

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

var wmsLayer = L.tileLayer.wms('http://gis3.nve.no/map/services/Nedborfelt1/MapServer/WmsServer?', {
  layers: ['Vassdragsomrade', 'Nedborfelt_til_hav'],
  transparent: true,
  format: "image/png",
  attribution: "NVE"
}).addTo(map);