typing of handleChange when building field name dynamically

{(items as Item[]).map(item => (
  <div>
    <form.Field name={`data.${item.id}.value`}>
      <input
        type="text"
        value={field.state.value}
        onChange={e => field.handleChange(e.target.value)}
      />
    </form.Field>

    <form.Field name={`data.${item.id}.comment`}>
      <input
        type="text"
        value={field.state.value}
        onChange={e => field.handleChange(e.target.value)}
      />
    </form.Field>

    <form.Field name={`data.${item.id}.skipped`}>
      <input
        type="checkbox"
        checked{field.state.value}
        onChange={e => field.handleChange(e.target.checked)}
      />
    </form.Field>
  </div>
)}