React - Function component

Question

import React from 'react';  
import PropTypes from 'prop-types';
import { FormattedRelative, FormattedNumber } from 'react-intl';

function ColumnSideComponent({ColumnSideData}) {
  // console.log(ColumnSideData.result.revision_timestamp);
  return (
    <div className="column-side">
      <div className="contact-box">
        <div className="contact-box-header">
          <span className="prop-name">{ColumnSideData.result.asset.project_name}</span>
          <span className="prop-price"><FormattedNumber value={parseInt(ColumnSideData.result.field_prop_asking_price.und['0'].value, 10)} /></span>
          <span className="prop-mortgage">Mortgage: RM 28,300 / mth</span>
        </div>

        <div className="row contact-box-agent">
            <div className="col-md-3">
              <img className="agent-img" src={ColumnSideData.agent.agent_pic} />
            </div>
            <div className="col-md-9">
              <span className="name">{ColumnSideData.agent.agent_name}</span>
              <span className="company">{ColumnSideData.agent.agent_com}</span>
              <span className="idnumber">{ColumnSideData.agent.agent_id}</span>
            </div> 
        </div>
        <ContactFormComponent ContactFormData={data} />
      </div>
      
      <div className="midrec">
        <MidrecAdsComponent />
        </div>
    </div>
  )
}

export default ColumnSideComponent;