JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/black-tie/jquery-ui.css">

<div :id="$attrs.id">
    <input
         type="text" id="test" />
</div>

<script src="https://code.jquery.com/git/jquery-3.x-git.min.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<script>
	$('#test').autocomplete({
    source: ['test1', 'test2'],
    delay: 300,
    minLength: 1,
    change: (event, ui) => {
      console.log(alert(JSON.stringify(ui)));
    },
    select: (event, ui) => {
      event.preventDefault();

      document.querySelector('#test').blur();
    },
  });
</script>