title: How to combine ReactJs Router Link and material-ui components (like a button)?
body: <p>I need to find a solution to be able to combine together the  functionality of react router with the material ui components.</p>
  
  <p>For instance, I've this scenario: a router  and a  button. What I tried to do it is to mix them together, and restyle them.</p>
  
  <p>So from a simple link</p>
  
  <pre><code>&lt;Link className={this.getClass(this.props.type)} to={`${url}`} title={name}&gt;{name}&lt;/Link&gt;
  </code></pre>
  
  <p>I tried to create a material ui button as the following</p>
  
  <pre><code>&lt;Link className={this.getClass(this.props.type)} to={`${url}`} title={name}&gt;
    &lt;FlatButton label={name} /&gt;
  &lt;/Link&gt;
  </code></pre>
  
  <p>but I have the following error and Javascript breaks</p>
  
  <blockquote>
    <p>invariant.js?4599:38Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's <code>render</code> method, or you have multiple copies of React loaded (details: <a href="https://gist.github.com/jimfb/4faa6cbfb1ef476bd105" rel="noreferrer">https://gist.github.com/jimfb/4faa6cbfb1ef476bd105</a>).</p>
  </blockquote>
  
  <p>Do you have any idea how to manage this situation?
  Thank you in advance and if you need more information let me know</p>