I don't want to show navbar and footer in login and signup page

[MDMohsinGhazi]

<div>
      <Navbar />
      <Routes>
        <Route index element={<Home />} />
        <Route path="/search" element={<List />} />
        <Route path="/hotel/:id" element={<Hotel />} />
        <Route path="/auth" element={<Auth />}>
          <Route path="login" element={<Login />} />
          <Route path="register" element={<Register />} />
        </Route>
      </Routes>
      <Footer />
 </div>

[bradleylandis]

Hello. You can put your nav bar and footer in a layout route with an Outlet. Then just wrap the routes that you do want to have the navbar and footer in a Route element without a path:

<BrowserRouter>
      <Routes>
        <Route element={<Layout />}>
          <Route path="/" element={<Home />} />
          <Route path="/about" element={<About />} />
        </Route>
        <Route path="/login" element={<Login />} />
        <Route path="/register" element={<Register />} />
      </Routes>
    </BrowserRouter>