Authorization and default currentUser prop by HOC

authorization.js

import React, { Component } from 'react'
import { connect } from 'react-redux'

const Authorization = (allowRoles) => {
  return (WrappedComponent) => {
    class WithAuthorization extends Component {
      render () {
        const { role } = this.props.currentUser
        if (allowRoles.includes(role)) {
          return <WrappedComponent {...this.props} />
        } else {
          return <h1>No page for you...</h1>
        }
      }
    }
    const mapStateToProps = (state, ownProps) => {
      return {
        currentUser: state.sharesReducer.usersReducer.currentUser
      }
    }
    const mapDispatchToProps = (dispatch) => {
      return {}
    }
    return connect(mapStateToProps, mapDispatchToProps)(WithAuthorization)
  }
}

const Seller = Authorization(['admin', 'sellers'])
const Buyer = Authorization(['admin', 'buyers'])
const Admin = Authorization(['admin'])

export default {
  Seller,
  Buyer,
  Admin
}