text: import React from "react";
  import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
  import Books from "./pages/Books";
  import Saved from "./pages/Saved";
  import NoMatch from "./pages/NoMatch";
  import Nav from "./components/Nav";
  
  function App() {
    return (
      <Router>
        <div>
          <Nav />
          <Switch>
            <Route exact path={["/", "/search"]}>
              <Books />
            </Route>
            <Route exact path={["/saved", "/saved"]}>
              <Saved />
            </Route>
            <Route>
              <NoMatch />
            </Route>
          </Switch>
        </div>
      </Router>
    );
  }
  
  export default App;
  
  
  
  // function App() {
  //   return (
  //     <div>
  //       <Nav />
  //       <Books />
  //     </div>
  //   );
  // }
  