const FCComponent = () => {
  const [data, setData] = useState([
    { id: "1", value: "1" },
    { id: 2, value: "2" },
  ]);
  return (
    <div>
      {data.map((item, index) => {
        return (
          <Input
            id={`data.${index}.value`}
            name={`data.${index}.value`}
            value={data[index].value}
            onChange={(e) => {
              setData((prev) => [
                ...prev,
                (data[index].value = e.target.value),
              ]);
            }}
            defaultValue={item.value}
            key={`data.${index}.value`}
          />
        );
      })}
    </div>
  );
};