Passing a component as a prop

pass-comp-as-prop.js

import { UserComp, OtherPersonComp } from './components';

const PersonComp = ({ InnerComp, person }) => {
  return <section>
    <InnerComp person={person}>
  </section>;
}

const mapState = (state) => ({
  InnerComp: state.person.isUser ? UserComp : OtherPersonComp,
  person: state.selectedPerson,
});

export const LinkedPersonComp = connect(mapState)(PersonComp);