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.

enter image description here

    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>