Sé que se ha hecho la misma pregunta antes, pero ninguno de ellos funciona para mí, así que este es mi requisito -> Tengo una lista de usuarios e inicié sesión como administrador. Primero llamé a la API de getUsers para obtener la lista de usuarios. y mostré la lista en la interfaz de usuario, hay un botón Aceptar para que cada usuario los apruebe, así que al hacer clic en el botón Aceptar , estoy llamando a este método ->

 const [allUserList, setAllUserList] = useState(usersArray) const [filterUserListAfterUpdate, setFilterUserListAfterUpdate] = useState([]) const onClickAcceptUser (id) => { let updatedUserList = [] allUserList.forEach(user => { if(user._id === id){ user.approved_by_customer_admin = true } updatedUserList.push(user) }) setFilterUserListAfterUpdate(updatedUserList) } return(<UserList filteredUsersList = {filterUserListAfterUpdate} onAccept={(id) => onClickAcceptUser(id) />)

NOTA : estoy usando NodeJs como backend y MongoDB y este es mi objeto de usuario completo =>

 //All the below values are dummy not real. approved_by_customer_admin: false auth0_id: "email|622e0414804c" company_id: "622df44843fc4" created_date: "2022-03-13T14:47:52.589Z" email: "demo@gmail.com" industry_name: "gmail" is_active: false phone_number: "" prefer_contact: "email" role: "customer_auditor" updated_date: "2022-03-13T14:47:52.589Z" __v: 0 _id: "6243ffa"

Necesito cambiar solo una propiedad del objeto (o tal vez más de una, en el futuro). En la línea user.approved_by_customer_admin = true recibí el error en mi consola. Cualquier sugerencia sería apreciable.