title: How to recreate auto-collapasable menu with semantic-ui for react?
body: <p>Original <a href="https://semantic-ui.com/introduction/getting-started.html" rel="noreferrer">semantic-ui menu</a> does auto turn into a hamburger icon</p>
  
  <p><a href="https://i.stack.imgur.com/RH9tD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RH9tD.png" alt="enter image description here"></a></p>
  
  <p>seems like via code duplication. Is it possible to recreate it in <a href="https://react.semantic-ui.com/introduction" rel="noreferrer">semantic-ui-react</a> with out code duplication (as one component) and how to do such thing?</p>