I am developing a system with a login, and I want the drawer to appear only on routes that are private. How can I do that, below is a code that I already tried and was not successful.

```
import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import Home from "./Home";
import Login from "./Login";
import Details from "./Details";
import { AuthProvider } from "./Auth";
import PrivateRoute from "./PrivateRoute";

import Drawer from "./components/Drawer";

const App = () => {
  return (
    <AuthProvider>
      <Router>
        <Route exact path="/login" component={Login} />
      </Router>
      <Router>
        <RoutePrivate />
      </Router>
    </AuthProvider>
  );
};

const RoutePrivate = () => {
  return (
    <Router>
        <Drawer />
        <PrivateRoute exact path="/" component={Home} />
        <PrivateRoute exact path="/:id" component={Details} />
    </Router>
  );
};

export default App;

```