Как скрыть нижний колонтитул и меню при рендеринге ненайденной страницы в Router v6 [дубликат]

На этот вопрос уже есть ответы здесь:

Решение проблемы

Используйте главную страницу, содержащую панель навигации и нижний колонтитул, и каждый созданный компонент будет содержать главную страницу, за исключением страницы notFound.

{/* Layout component */}
import React from "react";
import Sidebar from "./Navbar ";
import Sidebar from "./Footer ";
const Layout = ({ children}) => {
return (
<>
<Navbar />
<main>{children}</main>
<Footer />
</>
);
};
export default Layout;


и для любого нового компонента вы будете вызывать мастер-страницу

{/* For Home, Inventory,... components */}
import React from "react";
import Layout from "../components/Layout";
const Home = () => {
return (
<Layout>
{/* your code jsx here */}
</Layout>
);
};
export default DahsboardScreen;