Material-ui: can't use Link (from react-router) within MenuItem in 0.14.0-rc2

[shiroganee]

Whenever I try to use Link within MenuItem it shows

Warning: validateDOMNesting(...): cannot appear as a descendant of . See Sidebar > MenuItem > ListItem > EnhancedButton > a > ... > Link > a.

Also, when I click the link I get in that place circle background in black.

[alitaheri]

MenuItem wraps it's children inside an <a></a> element, hence the error. We'll try to fix it as it causes to many issues. But if you're in a hurry a PR is always welcome ^_^

[shiroganee]

Well I'm still at 0.13.4 at my project (and I need to release version 0.1 asap - especially that as you can see I'm sitting at christmas eve ;)). after that I might give it a try.
And about well I could expect that - I simply thought that maybe I was using it in improper way.

Merry Christmas anyway :+1:

[DaxChen]

Use the containerElement with linkButton props!

see:
http://stackoverflow.com/questions/32106513/material-ui-menu-using-routes/34507786#34507786

<MenuItem
  linkButton
  containerElement={<Link to="/profile" />}
  primaryText="Profile"
  leftIcon={
    <FontIcon className="material-icons">people</FontIcon>
  } />

[alitaheri]

This was fixed with #2708

[jgentes]

Another workaround for this issue is to use <LinkContainer> from https://github.com/react-bootstrap/react-router-bootstrap