Estoy tratando de crear una aplicación web. La aplicación tiene una página de Inicio, Acerca de, Preguntas Frecuentes y una página de Crecimiento. La barra de navegación aparecerá en las páginas anteriores. No quiero que se muestre en mis páginas de autenticación. Inicie sesión y regístrese. Aquí está mi Index.js:

 ReactDOM.render( <> <Router> <App /> <Route exact path="/register" component={Register} /> </Router> </>, document.getElementById("root") );

); Aquí está mi App.js:

 function App() { return ( <> <Nav /> <Route exact path="/" component={Home} /> <Route exact path="/about" component={About} /> <Route exact path="/faq" component={FAQs} /> </> ); } export default App;

¿Cómo presento el componente de navegación en la página de inicio, acerca de y la página de preguntas frecuentes y no en mis páginas de autenticación?