more

src/App.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Router } from "react-router-dom";
+import { BrowserRouter } from "react-router-dom";
 import { Link, Route } from "react-router-dom";
 import Bookshelf from "./Bookshelf";
 import createHistory from "history/createBrowserHistory";
@@ -56,7 +56,7 @@ class BooksApp extends React.Component {
 
   render() {
     return (
-      <Router history={history}>
+      <BrowserRouter basename="/bb" history={history}>
         <div className="app">
           <Route
             exact
@@ -81,7 +81,7 @@ class BooksApp extends React.Component {
             <Link to="/search">Search for Books</Link>
           </div>
         </div>
-      </Router>
+      </BrowserRouter>
     );
   }
 }

src/SearchPage.js

@@ -37,7 +37,7 @@ class SearchPage extends Component {
     return (
       <div className="search-books">
         <div className="search-books-bar">
-          <Link className="close-search" to="/bb">
+          <Link className="close-search" to="/">
             Close
           </Link>
           <div className="search-books-input-wrapper">