Reactjs React js基于角色的路由-限制未经授权的访问

我有一个react js应用程序，有两个路由部分/admin和/user

管理员的默认路由是/Admin/dashboard，用户的默认路由是/user/dashboard

我有以下的管理路线，我正在使用react路由器配置中的renderRoutes

{
path: '/admin',
component: AdminContainer,
routes: [
  {
    path: '/admin/login',
    component: AdminLogin,
  },
  {
    path: '/admin/dashboard',
    component: AdminDashboard
  },
  {
    path: '/admin/profile/create',
    component: CreateProfile
  },
  {
    path: '/admin/profile/approve',
    component: ProfileApprove
  },
  {
    path: '/admin/media/approve',
    component: MediaApprove
  },
  notFoundRoute
]

},

我想限制非管理员用户访问/管理员路由和显示未经授权的页面。我该怎么做