How to combine ReactJs Router Link and material-ui components (like a button)?
<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>