Defining PropTypes for nested components

PropDefinitions.jsx

/* NameDisplay.js */
import ReactPropTypes from 'prop-types';

const NameDisplay = ({name}) => (
    <div>
        <div>
            First Name: {name.first}
        </div>
        <div>
            Last Name: {name.last}
        </div>
    </div>
);

export const PropTypes = {
    name: ReactPropTypes.shape({
        first: ReactPropTypes.string.isRequired,
        last: ReactPropTypes.string.isRequired
    }).isRequired
};

NameDisplay.propTypes = PropTypes;

export default NameDisplay;


/* CurrentUser.js */
import ReactPropTypes from 'prop-types';
import NameDisplay from './NameDisplay';

const CurrentUser = ({company, name}) => (
    <div>
        <div>
            Company: {company}
        </div>
        <NameDisplay name={name} />
    </div>
);

export const PropTypes = {
    company: ReactPropTypes.string.isRequired,
    name: ReactPropTypes.object.isRequired
};

CurrentUser.propTypes = PropTypes;

export default CurrentUser;


/* LastLogin.js */
import ReactPropTypes from 'prop-types';
import NameDisplay, {PropTypes as NameDisplayPropTypes} from './NameDisplay';

const LastLogin = ({lastLoggedIn, name}) => (
    <div>
        <div>{name.first} {name.last} last logged in {lastLoggedIn}</div>
        <NameDisplay />
    </div>
);

export const PropTypes = {
    lastLoggedIn: ReactPropTypes.string.isRequired,
    name: NameDisplayPropTypes.name // or would it be better to redefine the `shape({first, last})` since it's being consumed?
};

LastLogin.propTypes = PropTypes;

export default LastLogin;