Getting undefined when adding input text values into array-CodePudding

In a React project, I'm displaying certain records in a table which also has input text boxes for changing the values when needed. To process those changed records it needs to be added into an array, but, getting undefined when changed the values. Although each record is associated with unique id, unable to add in new array. Please refer to the code below.

const textChange = (data) => {
    const { id, value } = data;

    setDataNew((prevInfo) => {

      // Here the records are getting undefined and not getting added into array
      const dataIndex = id - 1;
      prevInfo[dataIndex] = value;
      return [...prevInfo];
    });
  };

Any suggestions and solution highly appreciated.

Please refer to code sandbox link for better clarity -->

Link : working demo