JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="stateList">
</div>

JavaScript

var states = [
    "Andhra Pradesh",
    "Tamil Nadu",
    "Punjab",
    "Karnataka",
    "kerela",
    "Sikkim"
];


$( "#stateList" ).autocomplete({
    autoFocus:true,
    source: states,
    open: function( event, ui ) {
        var firstElement = $(this).data("autocomplete").menu.element[0].children[0]
           , inpt = $('#stateList')
           
           , firstElementText = $(firstElement).text();
            inpt.val(firstElementText)
       
  
    }
 
})