I want to map my object's properties, in this case I want program to return first_name of admin, however it returns me error that cannot read properties of undefined.
const dispatch = useDispatch();
const {slug} = useParams();
const {groupMain: {bio, is_public, is_visible, date_created, members_quantity,
location, admins_quantity}} = useSelector(getGroupMain);
const {groupMain: {admins}} = useSelector(getGroupMain)
console.log(admins)
<div className="row">
{admins.map((admin) => {
return (
<div className="col-sm-4">
<a href='/'>
<div className="circle-img">
<img src='/' className="img" alt="following-user-avatar"/>
</div>
<div className="following-username">
<small>
{admin.first_name}
</small>
<small>
{/*{{ admin.last_name }}*/}
</small>
</div>
</a>
</div>)
}) }
<h4>No any admins yet!</h4>
</div>