JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="autocomplete"/>

JavaScript

var metrics = [
    {
        value: "1",
        label: "Sold Listings",
        desc: "sold_listings"
    },
    {
        value: "10",
        label: "New Pendings",
        desc: "new_pendings"
    },
    {
        value: "4",
        label: "All Pendings",
        desc: "all_pendings"
    },
    {
        value: "2",
        label: "New Listings",
        desc: "new_listings"
    },
    {
        value: "3",
        label: "Active Listings",
        desc: "active_listings"
    }
];
var options = {
    source: metrics,
    select: function(e, ui) {
        metrics = jQuery.grep(metrics, function(element) {
            console.log(element);
            return element.value != ui.item.value;
        });
        $('#autocomplete').autocomplete('option', 'source', metrics)
        return false;
    }
}
$('#autocomplete').autocomplete(options);