import { useState, useTransition } from 'react';
 
export function FilterableList({ items }) {
  const [isPending, startTransition] = useTransition();
  const [filter, setFilter] = useState('');
 
  const handleChange = (e) => {
    const val = e.target.value;
    setFilter(val); // High priority update
    startTransition(() => {
      // Lower priority update
      // Expensive filtering logic here
    });
  };
 
  return <input type="text" onChange={handleChange} />;
}