task-input-2.jsx

const TaskInput = () => {
  let [inputValue, setInputValue] = useState('');
  let [perform, taskState] = useTask(function*(newInputValue) {
    setInputValue(newInputValue);
    yield timeout(1000);

    if (newInputValue) {
      return [newInputValue];
    }
    
    return [];
  });

  return (
    <>
      <input onChange={e => perform(e.target.value)} value={inputValue} />
      {taskState.lastSuccessful && (
        <ul>
          {taskState.lastSuccessful.result.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      )}
    </>
  );
};