TypeError: Cannot read property 'map' of undefined : object having list of objects
Add a null check like this:
{props.LoginDto && props.LoginDto.vc_email}
{props.LoginDto && props.LoginDto._RoleDto && !!props.LoginDto._RoleDto.length && props.LoginDto._RoleDto.map((record,i) => (
<div key = {i}> {record.pki_role_id}</div>
))}
</div>