AddTodo.js

function AddTodo() {
  const [text, setText] = useState('');
  const save = useActions(actions => actions.add);
  const handleAddClick = async () => {
    await save(text);
    setText('');
  };
  const handleTextChange = e => setText(e.target.value);
  return (
    <div>
      <input
        value={text}
        onChange={handleTextChange}
        placeholder="What to do next"
      />
      {text && <button onClick={handleAddClick}>Add</button>}
    </div>
  );
}