Add react-router-bootstrap

app/javascript/packs/frontend/components/layout/application_layout.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import {Navbar, Nav, NavDropdown, Form, FormControl, Button} from 'react-bootstrap';
+import {LinkContainer} from 'react-router-bootstrap';
 
 class ApplicationLayout extends React.Component {
   render() {
@@ -7,7 +8,9 @@ class ApplicationLayout extends React.Component {
       <div>
         <nav>
           <Navbar expand="lg">
-            <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
+            <LinkContainer to="/">
+              <Navbar.Brand>React-Bootstrap</Navbar.Brand>
+            </LinkContainer>
             <Navbar.Toggle aria-controls="basic-navbar-nav" />
             <Navbar.Collapse id="basic-navbar-nav">
               <Nav className="mr-auto">

package.json

@@ -22,6 +22,7 @@
     "react-dom": "npm:@hot-loader/react-dom",
     "react-hot-loader": "^4.8.3",
     "react-router": "^4.3.1",
+    "react-router-bootstrap": "^0.25.0",
     "react-router-dom": "^5.0.0",
     "webpack-cli": "^3.3.0"
   },

yarn.lock

@@ -7406,6 +7406,13 @@ react-popper@^1.3.2:
     typed-styles "^0.0.7"
     warning "^4.0.2"
 
+react-router-bootstrap@^0.25.0:
+  version "0.25.0"
+  resolved "https://registry.yarnpkg.com/react-router-bootstrap/-/react-router-bootstrap-0.25.0.tgz#5d1a99b5b8a2016c011fc46019d2397e563ce0df"
+  integrity sha512-/22eqxjn6Zv5fvY2rZHn57SKmjmJfK7xzJ6/G1OgxAjLtKVfWgV5sn41W2yiqzbtV5eE4/i4LeDLBGYTqx7jbA==
+  dependencies:
+    prop-types "^15.5.10"
+
 react-router-dom@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.0.0.tgz#542a9b86af269a37f0b87218c4c25ea8dcf0c073"