Data is dissapearing eventhough it is there at the same time

Question

anybody know why the data exists in line 267 but not in 268? Any help is appreciated , thank you.

code

console

full function with useEffect watching props value to trigger the function

function createData() {
    //loop through employees and create obj array
    const emptyArray = [];
    let counter = 0;
    if (props.employees) {
      const rowData = props.employees.map((item) => {
        console.log(item.tests_taken);
        let objectDetails = {
          firstName: item.first_name,
          lastName: item.last_name
        };

        console.log(item);
        console.log(item.tests_taken[0]);
        if (item.tests_taken[0]) {
          console.log(item.tests_taken[0]);
          item.tests_taken[0].forEach((test) => {
            console.log(test[Object.keys(test)[0]]);
            console.log('yo');
            objectDetails = {
              ...objectDetails,
              id: counter,
              cefrLevel: test[Object.keys(test)[0]].overallScore.level,
              cefrDescription:
                test[Object.keys(test)[0]].overallScore.description,
              overallScore: test[Object.keys(test)[0]].overallScore.score + '%',
              assessmentDate: test[Object.keys(test)[0]].date
            };
            counter += 1;
            emptyArray.push(objectDetails);
          });
          //console.log(emptyArray);
          return objectDetails;
        }
        props.setEmployees(null);
      });
      setUsersArray(emptyArray);
      console.log(usersArray);
      return rowData;
    }
  }
  useEffect(() => {
    createData();
  }, [props.employees]);