title: Menu does not collapse when you click on one of the menu items on Mobile Devices
body: <p>Hi All i need some help :)</p>
  <p>I working on a Gatsby, React portfolio where i have a problem with The Menu It does not collapse when you click on one of the menu items on Mobile Devices.</p>
  <p>The menu is working fine on desktop.</p>
  <p>The menu works fine on all devices until I installed the react-scroll package and set it up.</p>
  <p>I have tried to search on Google for help and i found some simlare issues but i still dont know to fix the problem. :)</p>
  <p>Hope you can help.</p>
  <p>There is to Nav components i my project:</p>
  <p>This my Project on SandBox:</p>
  <p>NavBar.js
  <a href="https://codesandbox.io/s/gatsby-starter-and-portfolio-jr9tn?file=/src/components/Navbar/Navbar.js" rel="nofollow noreferrer">https://codesandbox.io/s/gatsby-starter-and-portfolio-jr9tn?file=/src/components/Navbar/Navbar.js</a></p>
  <p>NavbarLinks:
  <a href="https://codesandbox.io/s/gatsby-starter-and-portfolio-jr9tn?file=/src/components/Navbar/NavbarLinks.js" rel="nofollow noreferrer">https://codesandbox.io/s/gatsby-starter-and-portfolio-jr9tn?file=/src/components/Navbar/NavbarLinks.js</a></p>