Несколько макетов в одном приложении

Question

Я пытаюсь использовать разные макеты в одном приложении. Тем не менее, приложение продолжает использовать макет, даже если я на панели инструментов. Кто-нибудь знает, почему и если есть какие-либо рекомендации по использованию нескольких макетов в reactjs?

App. js

import React, { Component } from 'react';
import { Switch, Route } from 'react-router';
import { Layout } from './components/application/Layout';
import { LayoutAdministration } from './components/administration/LayoutAdministration';
import { Home, Categories, Channels, VideoDetails } from './components/application/pages';
import { Dashboard } from './components/administration/pages';

export default class App extends Component {
    render() {
        return (
            <Switch>
                <Layout>
                    <Route exact path='/' component={Home} />
                    <Route exact path='/categories' component={Categories} />
                    <Route exact path='/channels' component={Channels} />
                    <Route exact path='/video' component={VideoDetails} />
                </Layout>
                <LayoutAdministration>
                    <Route exact path='/dashboard' component={Dashboard} />
                </LayoutAdministration>
            </Switch>           
        );
    }
}