JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<div id="map"></div>

CSS

#map {
  width: 600px; 
  height: 300px; 
  border: 1px solid black;
}

JavaScript

(function($) {

    var map = new OpenLayers.Map({
        div: 'map',
        center: new OpenLayers.LonLat(0, 0),
        minResolution: 'auto',
        maxResolution: 'auto'
    });

    map.addControl(new OpenLayers.Control.LayerSwitcher());

    var layerOSM = new OpenLayers.Layer.OSM();
    map.addLayer(layerOSM);

    map.setCenter(new OpenLayers.LonLat(0, 0), 0);

})(jQuery);