.map on a multidimensional array [closed]

I have this array

{
"parentGroupId": null,
"organisationId": "63b4d71d-465e-4116-17e4-08da8a5537bf",
"numberOfMembers": 0,
"createdByUser": {
"firstName": "Dev",
"lastName": "Educator1",
"title": null,
"email": "james.ltfox+devEdu1@gmail.com",
"username": "DevEducator1",
"userId": "64137d75-177e-4003-7073-08dd2ffe6214",
"organisationId": "63b4d71d-465e-4116-17e4-08da8a5537bf",
"userDescription": "educator-admin",
"isVerified": true,
"verifiedAt": "2025-01-08T16:07:13.8979666+00:00",
"isDeleted": false,
"deletedAt": null,
"lastLoginAt": "2025-01-17T15:54:40.6277301+00:00"
},
"parentGroup": null,
"childGroups": [],
"groupId": "6fad3981-e709-46cb-d03e-08dd356b1ce0",
"groupName": "First group",
"groupDescription": "First group description",
"createdAt": "2025-01-15T13:47:11.7270774+00:00",
"isDeleted": false
}



I am trying to access firstName and lastName using .map but can't seem to access it

Here is my code

$groupTable= [];

this.groupService.getGroups().pipe(map(res=> {
return res.map(element=>({
label: 'mine',
createdAt: element.createdAt,
groupName: element.groupName,
groupDescription: element.groupDescription,
groupOwner: element.createByUser.firstName,
groupMembers: element.numberOfMembers }))
})).subscribe(data => {
this.$groupTable = data;
console.log(this.$groupTable);
});



The error I get is TypeError: Cannot read properties of undefined (reading 'firstName') Any help would be appricated as I've been at it for several hours

Continue reading...