<p dir="auto">I’m working on a Rails project that uses the react-rails gem.  We have React 15.1.0 and a pre-made modal component that requires react-addons-transition-group 15.0.1 (among other things).  When the modal loads, I get the following error:</p>
<p dir="auto">Uncaught 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 class="notranslate">render</code> method, or you have multiple copies of React loaded (details: <a href="https://fb.me/react-refs-must-have-owner" rel="nofollow">https://fb.me/react-refs-must-have-owner</a>)</p>
<p dir="auto">When I try to close the modal I get this error:</p>
<p dir="auto">Uncaught TypeError: Cannot read property 'componentWillEnter' of undefined</p>
<p dir="auto">I’m not having any trouble using React in other components.  I’ve already deleted and reinstalled my node_modules folder.  Is this a known issue?  Any tips?</p>
<p dir="auto">I've already reviewed the following resources and attempted to debug per their suggestions, to no avail:<br>
<a href="https://gist.github.com/jimfb/4faa6cbfb1ef476bd105">https://gist.github.com/jimfb/4faa6cbfb1ef476bd105</a><br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="32404469" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/1457" data-hovercard-type="issue" data-hovercard-url="/facebook/react/issues/1457/hovercard" href="https://github.com/facebook/react/issues/1457">#1457</a><br>
<a href="https://groups.google.com/forum/#!topic/reactjs/sJaIoLSQCSQ" rel="nofollow">https://groups.google.com/forum/#!topic/reactjs/sJaIoLSQCSQ</a><br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="106475867" data-permission-text="Title is private" data-url="https://github.com/facebook/react/issues/4876" data-hovercard-type="issue" data-hovercard-url="/facebook/react/issues/4876/hovercard" href="https://github.com/facebook/react/issues/4876">#4876</a></p>
<p dir="auto">I noticed that legacy attributes like align, cellpadding, cellspacing wasn't rendered by React (at least on the server side).</p>
<p dir="auto">It is annoying for me since i was trying to convert our email templating system to use React in order to be able to display them in our frontend app.</p>
<p dir="auto">The fact is that i'm unable to complete this task with React. It led to another question. How am i supposed to make React and WebComponents work together if custom element/attributes names are filtered by React rendering engine ?</p>