React JS выдает ошибку «TypeError: не удается прочитать имя свойства неопределенного», когда я хочу получить доступ к сведениям об объекте

Я хочу показать свои данные о пользователях в модальном режиме, когда я нажимаю на свой список пользователей. Я передаю идентификатор пользователя в качестве реквизита модальному, и в модальном я нахожу пользователя с помощью метода javascript find() и user_id. этот метод возвращает моего запрошенного пользователя как объект, и я могу показать его с помощью console.info(), но когда я хочу получить доступ к свойствам объекта, например, «user.name» или «user.email», выдается ошибка: TypeError: Невозможно прочитать имя свойства неопределенного

//users.js code part

{ showUserDetails ? <div className = "ModalContainer" >
       <div className = "userModal">
           <div className = "modalBody">
               <span className = "close">X</span>
               <SelectedUser selectedUserId = {selectedUserId}/>
           </div>
       </div>
   </div> : <div></div>
}

// SelectedUser.js codes

import React from 'react';
import { connect } from "react-redux";
import { withRouter } from "react-router-dom";

const SelectedUser = ({selectedUserId, users}) => {
    let user = users.find(user=> user.id === selectedUserId)
    console.info(user.name)
    return ( 
       <React.Fragment>
            <p><b>Name:</b> {user.name}</p>
            <p><b>User Name:</b> {user.username}</p>
            <p><b>Email:</b> {user.email}</p>
            <p>
                <b>Address:</b> 
                {`  ${user.address.suite}, ${user.address.street}, ${user.address.city}
                [zip Code: ${user.address.zipcode}]
                `}
            </p>
            <p><b>Phone: </b>{user.phone}</p>
            <p><b>WebSite: </b>{user.website}</p>
            <p><b>Company: </b>{user.company.name}</p>
       </React.Fragment>
     );
}

const mapStateToProps = state => ({
    users: Object.values(state.users.users)
})


export default withRouter(connect(mapStateToProps)(SelectedUser));