title: React Bootstrap navbar doesn't collapse (Next.js)
body: <p>I am creating a Next.js app and I'm trying to integrate react-bootstrap. </p>
  
  <p>I've managed to add the dependencies, but now when I try to collapse the navbar on mobile with the hamburger menu nothing happens.</p>
  
  <p>This is what my files look like :</p>
  
  <p>Navbar.js</p>
  
  <pre><code>import React from 'react';
  import Navbar from 'react-bootstrap/Navbar';
  import Nav from 'react-bootstrap/Nav';
  import NavDropdown from 'react-bootstrap/NavDropdown';
  
  const BaseNavbar = () =&gt; (
      &lt;Navbar collapseOnSelect expand="lg" bg="dark" variant="dark"&gt;
          &lt;Navbar.Brand href="#home"&gt;React-Bootstrap&lt;/Navbar.Brand&gt;
          &lt;Navbar.Toggle aria-controls="responsive-navbar-nav" /&gt;
          &lt;Navbar.Collapse id="responsive-navbar-nav"&gt;
              &lt;Nav className="mr-auto"&gt;
                  &lt;Nav.Link href="#features"&gt;Features&lt;/Nav.Link&gt;
                  &lt;Nav.Link href="#pricing"&gt;Pricing&lt;/Nav.Link&gt;
                  &lt;NavDropdown title="Dropdown" id="collasible-nav-dropdown"&gt;
                      &lt;NavDropdown.Item href="#action/3.1"&gt;Action&lt;/NavDropdown.Item&gt;
                      &lt;NavDropdown.Item href="#action/3.2"&gt;Another action&lt;/NavDropdown.Item&gt;
                      &lt;NavDropdown.Item href="#action/3.3"&gt;Something&lt;/NavDropdown.Item&gt;
                      &lt;NavDropdown.Divider /&gt;
                      &lt;NavDropdown.Item href="#action/3.4"&gt;Separated link&lt;/NavDropdown.Item&gt;
                  &lt;/NavDropdown&gt;
              &lt;/Nav&gt;
              &lt;Nav&gt;
                  &lt;Nav.Link href="#deets"&gt;More deets&lt;/Nav.Link&gt;
                  &lt;Nav.Link eventKey={2} href="#memes"&gt;
                      Dank memes
                  &lt;/Nav.Link&gt;
              &lt;/Nav&gt;
          &lt;/Navbar.Collapse&gt;
      &lt;/Navbar&gt;
  )
  
  export default BaseNavbar;
  </code></pre>
  
  <p>_app.js</p>
  
  <pre><code>import 'bootstrap/dist/css/bootstrap.min.css'
  import React from 'react';
  
  export default function MyApp({ Component, pageProps }) {
      return &lt;Component {...pageProps} /&gt;
  }
  </code></pre>
  
  <p>dependencies in my package.json</p>
  
  <pre><code> "dependencies": {
      "bootstrap": "^4.5.0",
      "next": "9.4.4",
      "react": "16.13.1",
      "react-bootstrap": "^1.0.1",
      "react-dom": "16.13.1"
    }
  </code></pre>
  
  <p>How can I fix this issue ? I'm not sure what I'm missing!</p>