JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
        <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
        <title>SEFCRI Data View<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
        <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
        <title>SEFCRI Data View</title>
        <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/dojo/dijit/themes/claro/claro.css">
        <link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/esri/css/esri.css">
        <link rel="Stylesheet" type="text/css" href="css/style.css" />
        <style>
            html, body {
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0px;
                font-family: helvetica, arial, sans-serif;
                font-size: 90%;
            }
            #leftPane {
                width: 280px;
                overflow: auto;
            }
            /* this line hide layers when out of scale for the inline TOC */
            #scaleDiv .agsTOCOutOfScale {
                display: none;
            }
        </style>
        <script type="text/javascript">
            var djConfig = {
                parseOnLoad: true,

            };
        </script>
        <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/"></script>
        <script type="text/javascript">
            //dojo.require("agsjs.dijit.TOC");
            dojo.require("esri.map");
           ...