He creado una aplicación web usando ReactJS, donde tengo Página de inicio de sesión -> Panel principal (barra lateral y barra superior (común a todas las páginas)

En la barra de navegación superior tengo la opción Cerrar sesión.

Problema: cuando hago clic en el botón Cerrar sesión desde el panel principal, puedo navegar a la página de inicio de sesión (página de autenticación), pero la barra lateral y la barra superior todavía están allí. ¿Cómo puedo ocultar eso cuando hago clic en el botón Cerrar sesión y mostrar solo la página de inicio de sesión (página de autenticación)?

Debido a algunas razones de seguridad, no puedo compartir el código completo. Así que estoy compartiendo el archivo App.js.

 class App extends React.Component { render() { return ( <div> {/* Routing to navigate to proper screen/page`` */} <Router> <NavigationPage /> <Switch> <Route path="/" exact component={Home} /> <Route path="/opt1" component={opt1} /> <Route path="/opt2" component={opt2} /> <Route path="/opt3" component={opt3} /> <Route path="/opt4" component={opt4} /> <Route path="/opt5" component={opt5} /> <Route path="/opt6" component={opt6} /> <Route path="/opt7" component={opt7} /> <Route path="/authenticate" component={Authenticate} /> </Switch> </Router> </div> ); } }