маршрут не загружает компонент внутри вложенного компонента маршрута

Question

Я загружаю свой adminDashboard компонент в app.js с Route. теперь в adminDashboard на основе URL, я хочу сделать некоторые компоненты. но он не загружает какой-либо компонент. также нет активности на вкладке сети в консоли Chrome.

если я отрисовываю их без Route, они отрисовываются правильно.

app.js

class App extends Component {

  render() {
    let { error, success } = this.props;
    const Admin = Authorization(['admin'])
    return (
      <div className='app'>
        <AdminNavbar logout={this.props.logout}/>
        <Switch>
          <Route exact path='/admin/signin' render={(props) => {
              return <AuthForm />
            }}
          />
          <Route exact path='/admin' component={Admin(AdminDashboard)} />
        </Switch>
        <Footer />
      </div>
    );
  }
}

Компонент MyComponent

const MyDashboard = (props)=> ` this is dashboard`

Admindashboard

class AdminDashboard extends Component{
    render() {
        return (
            <div>
                <div className='row'>
                    <div className='col-md-2'>
                        <NavBar  />
                    </div>
                    <div className='col-md-10'>
                        < Commisions /> //working properly if i load it without route
                        <Switch>

                            <Route exact path='/admin/dashboard' component={MyDashboard} /> // not work
                            //some other route
                        </Switch>
                    </div>
                </div>
            </div>
        )
    }
}