JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://js.arcgis.com/3.8/"></script>
<link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
<div id="search"></div>
<div id="map"></div>

JavaScript

var map;
      var geocoder;
      var locatorUrl = "http://servicesbeta.esri.com/ArcGIS/rest/services/LocateValveByAssetID/GeocodeServer";
      require([
        "esri/map", "esri/dijit/Geocoder", "dojo/domReady!"
      ], function(
        Map, Geocoder
      ) {
        map = new Map("map",{
          basemap: "topo",
          center: [-117.19,34.05], // lon, lat
          zoom: 13
        });
        
        var myGeocoders = [{
          url: locatorUrl,
          name: "LocateValveByAssetID"
        }];
        geocoder = new Geocoder({
          map: map,
          autoComplete: true,
          arcgisGeocoder: false,
          geocoders: myGeocoders,
          value: "146317"
        },"search");
        geocoder.startup();
        all([geocoder.find()]).then(function(results){
    geocoder.select(results[0].results[0]);
});
      });