async function userName(user_Id) {
  let formData = {
    user_Id: user_Id,
  };
  let result = await apiResponse("getEmployeeNameByEmpId", "Post", formdata);
  return result;
}
return (
  <tr>
    <th>{userName(16)}</th>
  </tr>
);
Getting promise while calling the function in table header. And I thought to use .then to resolve promise but I have to create multiple useState because I am trying to use same function in multiple table header with different userid
