Реагировать на страницу рендера роутера без навигационной панели

Question

У меня есть следующая страница шаблона:

const Routes = () => (

        <Switch>

            <Security issuer='<url>'
                  client_id='<id>'
                  redirect_uri={window.location.origin + '/implicit/callback'}
                  scope={['openid', 'email', 'profile', 'groups']}
                  onAuthRequired={onAuthRequired} >
                  <App>
                        <SecureRoute exact path="/" component={Home} />
                        <SecureRoute exact path='/protected' component={Protected} />
                        ........
                  </App>
            </Security>
        </Switch>)

export default Routes

Я хочу создать маршрут, например / testpage, который отображает ТОЛЬКО мой компонент. Например, вот так: const TestComponent = () => <h1>title</h1>

Когда я размещаю это над безопасностью, он по-прежнему отображает APP (в котором есть панель навигации). Пример:

const Routes = () => (

        <Switch>
            <Route exact path="/testpage" component={TestComponent} />
            <Security issuer='<url>'
                  client_id='<id>'
                  redirect_uri={window.location.origin + '/implicit/callback'}
                  scope={['openid', 'email', 'profile', 'groups']}
                  onAuthRequired={onAuthRequired} >
                  <App>
                        <SecureRoute exact path="/" component={Home} />
                        <SecureRoute exact path='/protected' component={Protected} />
                        ........
                  </App>
            </Security>
        </Switch>)

export default Routes

Это покажет TestComponent PLUS Компонент (который имеет панель навигации). Могу ли я убедиться, что это не произойдет в маршрутах, которые я определяю за пределами приложения?