title: React bootstrap navbar collapse not working
body: <p>I have used react bootstrap navbar also used <code>react-scroll</code> for smooth navigation. It's working fine but navbar is not collapsing when clicking any nav item in the responsive mode.</p>
  
  <p><strong>Packages</strong> </p>
  
  <pre><code>import React, { Component } from "react";
  import { NavLink } from "react-router-dom";
  import { Link } from "react-scroll";
  import { LinkContainer } from "react-router-bootstrap";
  import { Navbar, Container, NavDropdown, Nav, Dropdown } from "react-bootstrap";
  </code></pre>
  
  <p><strong>Navbar</strong></p>
  
  <pre><code>&lt;Navbar
      sticky="top"
      id="navbar"
      bg="light"
      expand="lg"
      className="navbar navbar-expand-lg navbar-light bg-light"
      collapseOnSelect={true}
  &gt;
  &lt;Navbar.Toggle aria-controls="basic-navbar-nav" /&gt;
      &lt;Navbar.Collapse id="basic-navbar-nav"&gt;
          &lt;Nav className="ml-auto"&gt;
              &lt;Link
                  activeClass="active"
                  to="features"
                  spy={true}
                  smooth={true}
                  offset={-70}
                  duration={800}
                  className="nav-link"
                  onClick={this.closeNavbar}
              &gt;
                  Features
              &lt;/Link&gt;
  
              &lt;Link
                  activeClass="active"
                  to="about"
                  spy={true}
                  smooth={true}
                  offset={-70}
                  duration={800}
                  className="nav-link"
              &gt;
                  About
              &lt;/Link&gt;
          &lt;/Nav&gt;
      &lt;/Navbar.Collapse&gt;
  &lt;/Navbar&gt;
  </code></pre>