useDebounce hook with useState and useEffect

useDebounce-demo.js

// import useDebounce
import { useDebounce } from './hooks';

// store searchTerm in state
const [searchTerm, setSearchTerm] = useState('search');

// setup a debounced version of searchTerm
const debouncedSearchTerm = useDebounce(pricePointSearchTerm, 500);

// Only hit the API when the debounced version changes
useEffect(() => pricePointSearch(), [debouncedSearchTerm]);

return (
  <UIFormTextInput
    value={searchTerm}
    onChange={(_, value) => setSearchTerm(value)}
   />
 );