JSFiddle - React, Tailwind, and code Playground

HTML

<input type='text' />

JavaScript

var json = ["Alabama",
    "Alaska",
    "Arizona",
    "Arkansas",
    "California",
    "Colorado",
    "Connecticut",
    "Delaware",
    "Florida",
    "Georgia",
    "Hawaii",
    "Idaho",
    "Illinois",
    "Indiana",
    "Iowa",
    "Kansas",
    "Kentucky",
    "Louisiana",
    "Maine",
    "Maryland",
    "Massachusetts",
    "Michigan",
    "Minnesota",
    "Mississippi",
    "Missouri",
    "Montana",
    "Nebraska",
    "Nevada",
    "New Hampshire",
    "New Jersey",
    "New Mexico",
    "New York",
    "North Carolina",
    "North Dakota",
    "Ohio",
    "Oklahoma",
    "Oregon",
    "Pennsylvania",
    "Rhode Island",
    "South Carolina",
    "South Dakota",
    "Tennessee",
    "Texas",
    "Utah",
    "Vermont",
    "Virginia",
    "Washington",
    "West Virginia",
    "Wisconsin",
    "Wyoming", ];

json.sort();

$('input').autocomplete({
    source: json
}).data("ui-autocomplete")._renderMenu = function (ul, items) {
    var that = this;
    var val = that.element.val();
    $.each($.grep(items, function (value, key) {
        return new RegExp(val.toLowerCase()).test(value.value.toLowerCase().slice(0, val.length))
    }), function (index, item) {
        that._renderItemData(ul, item);
    });
};