Estoy creando una aplicación web usando React.js y usando React Router para administrar el enrutamiento. Quiero ocultar mi barra de navegación y pies de página para la página 'No encontrado'.

 <Route path='*' element={<NotFound />} />

Veo mucho StackOverflow pero no funciona para mi aplicación.

mi navegador es <Menubar /> y pie de <Footer />

aquí está mi aplicación.js

 function App() { return ( <div> <Menubar /> <Routes> <Route path='/' element={<Home />} /> <Route path='/home' element={<Home />} /> <Route path='/inventory' element={<RequireAuth> <Inventory /> </RequireAuth>} /> <Route path='/inventory/:inventoryId' element={<RequireAuth> <InventoryItem /> </RequireAuth>} /> <Route path='*' element={<NotFound />} /> </Routes> <Footer /> </div>

); }

exportar la aplicación predeterminada;