ItemWrapper.jsx

ItemWrapper.jsx

function ItemWrapper({ item, setItems }) {
  const handleChange = React.useCallback(
    function handleChange(value) { ... },
    [item, setItems]
  );

  const handleSave = React.useCallback(
    async function handleSave() {
      // set isSaving to true
      await save(item);
      // set isSaving to false
    },
    [item]
  );

  return (
    <Item
      id={item.id}
      value={item.value}
      isSaving={item.isSaving}
      onSave={handleSave}
      onChange={handleChange}
    />
  );
}