title: how to use react-router Link with semantic-ui Menu.Item?
body: <p>I have this:</p>
  
  <pre><code>  &lt;Link to="/"&gt;
      &lt;Menu.Item name='expense List' active={activeItem === 'expense List'} onClick={this.handleItemClick} /&gt;
    &lt;/Link&gt;
  </code></pre>
  
  <p>but I get an error in the console:</p>
  
  <pre><code>Warning: validateDOMNesting(...): &lt;a&gt; cannot appear as a descendant of &lt;a&gt;.
      in a (created by MenuItem)
      in MenuItem (at Header.js:26)
      in a (created by Link)
      in Link (at Header.js:25)
      in div (created by Menu)
      in Menu (at Header.js:22)
      in div (at Header.js:20)
      in Header (at AddExpense.js:8)
      in div (at AddExpense.js:7)
      in AddExpense (created by Route)
      in Route (at index.js:20)
      in Switch (at index.js:18)
      in Router (created by BrowserRouter)
      in BrowserRouter (at index.js:17)
      in Routes (at index.js:30)
  </code></pre>
  
  <p>How should I properly define my links?</p>