Manage multi-tenant by using this file - RenderByTenant. Multitenant + role-based

RenderByTenant.js

import {
  Component,
} from 'react';
import PropTypes from 'prop-types';
import {
  connect,
} from 'react-redux';

class RenderByTenant extends Component {
  render() {
    const {
      roles,
      tenants,
    } = this.props.accountInfo;

    return tenants[0].name === 'WP' ? this.props.WP(roles) : this.props.ERG(roles);
  }
}

RenderByTenant.propTypes = {
  // roles: PropTypes.arrayOf(PropTypes.object)
  //   .isRequired,
  accountInfo: PropTypes.objectOf(PropTypes.object)
    .isRequired,
  WP: PropTypes.func.isRequired,
  ERG: PropTypes.func.isRequired,
};

const mapStateToProps = state => ({
  accountInfo: state.recruiter.accountInfo,
});
export default connect(mapStateToProps)(RenderByTenant);