Soy bastante nuevo en React y estoy tratando de hacer que el BrowserRouter se reproduzca correctamente. Sin embargo, cuando esto hace:

 ReactDOM.render( <ApolloProvider client={client}> <Router> <Routes> <Route element={<Nav />} /> <Route path="/" element={<Search />}> <Route path="search" element={<Content />} /> </Route> </Routes> </Router> </ApolloProvider>, document.getElementById('root') )

Todo lo que aparece en la página es la barra de búsqueda, independientemente de si estoy en el índice o en /search. Me gustaría que los elementos de Nav y Search aparezcan en todas las páginas, y que cualquier componente anidado aparezca solo en su ruta especificada (p. ej., /buscar Content ). BrowserRouter as Router . ¡Cualquier ayuda es muy apreciada!