проблема с настройкой реакции-роутера-dom для админки

Question

У меня есть клиентская область с логином, и у логина есть другая панель шаблонов.по окончании у меня уже есть ошибка рендеринга: "Failed prop type: следующие свойства не поддерживаются: location, computedMatch. Пожалуйста, удалите их, но все равно он отрендерился нормально" .Теперь возникает моя проблема, я хочу добавить административную область с другим шаблоном.но я не могу.

Итак, у меня есть компонент, и в этом компоненте я проверяю, вошел ли клиент в систему, если нет, я делаю перенаправление на страницу входа.В моем другом компоненте административной области я не использую это, но я все еще перенаправлен на экран входа клиента.

<Router>
<Switch>
    {/* area client */}
    <Route component={Login} path='/login' />


    <MuiThemeProvider theme={theme}>
        <Layout>
            <Route exact path='/' component={Dashboard} />
            ...

        </Layout>
    </MuiThemeProvider>
    {/* area admin */}
    <MuiThemeProvider theme={theme}>
        <>
            <Route path='/admin/login' component={LoginAadmin} />
            <Route path='/admin' component={Admin} />

        </>
    </MuiThemeProvider>
</Switch>

Может кто-нибудь помочь мне исправить эти маршруты?

Answer 1

Мне удалось решить с помощью этого поста: Несколько вложенных маршрутов в Reaction-router-dom v4

от @Igor Stetsiura это было так:

    render() {
    return (


        <MuiThemeProvider theme={theme}>
            <Switch>
                <Route path='/admin/login' component={LoginAadmin} />
                <Route path='/login' component={Login} />

                <Route path='/admin/' component={({ match }) =>
                    <LayoutAdmin>
                        <Route exact path='/admin' component={Admin} />
                    </LayoutAdmin>
                } />

                <Route path='/' component={({ match }) =>
                    <Layout>
                        <Route exact path='/' component={Dashboard} />
                        ...

                    </Layout>
                } />

            </Switch>

        </MuiThemeProvider>

    );
}