react-approach.js

import React from 'react';
import { connect } from 'react-redux';

import AdminContent from 'react/components/adminContent';
import UserContent from 'react/components/userContent';

class Page extends React.PureComponent {
  
    // Use the state from the store
    isUserAdmin() {
        return this.props.userRoles.includes('ADMIN');
    }

    render() {
        if (this.isUserAdmin()) {
            return <AdminContent />;
        } else {
            return <UserContent />;
        }
    }
}
      
function select(state) {
    return {
        userRoles: state.userRole
    };
}

export default connect(select)(Page);