JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">
    
    <head>
        <meta charset="utf-8">
        <title>jQuery UI Autocomplete - Default functionality</title>
        <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
        <script src="//code.jquery.com/jquery-1.9.1.js"></script>
        <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css">
        <script>
            
        </script>
    </head>
    
    <body>
        <div class="ui-widget">
            <label for="tags">Tags:</label>
            <input id="tags">
        </div>
    </body>

</html>

JavaScript

$(function () {
      var availableTags = [
          "ActionScript",
          "AppleScript",
          "Asp",
          "BASIC",
          "C",
          "C++",
          "Clojure",
          "COBOL",
          "ColdFusion",
          "Erlang",
          "Fortran",
          "Groovy",
          "Haskell",
          "Java",
          "JavaScript",
          "Lisp",
          "Perl",
          "PHP",
          "Python",
          "Ruby",
          "Scala",
          "Scheme"];
      $("#tags").autocomplete({
          source: availableTags,
          change: function (event, ui) {
              if (!ui.item) {
                  $(this).val("");
              }
          }
      });

  });