title: Required Package in combination meteor+react+react-bootstrap
body: <p>I used the following packages individually and combined</p>
  
  <pre><code>$ meteor add react
  $ meteor add firfi:meteor-react-bootstrap
  </code></pre>
  
  <p>When I used the <code>react</code> package, bootstrap is not working.</p>
  
  <p>If I use <code>firfi:meteor-react-bootstrap</code>, the react package is not working. </p>
  
  <p>When I used both packages there is an error </p>
  
  <blockquote>
    <p><strong><em>Uncaught Error</strong>: Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. This usually means that you're trying to add a ref to a component that doesn't have an owner (that is, was not created inside of another component's <code>render</code> method). Try rendering this component inside of a new top-level component which will hold the ref.</em></p>
  </blockquote>
  
  <p>Can anyone suggest a package for <strong>react</strong> and <strong>react-bootstrap</strong> for <strong>meteor</strong>?</p>
  
  <p><strong>My Code</strong>:</p>
  
  <pre><code>var { Modal,Button,Input} = ReactBootstrap;
  if (Meteor.isClient){    
     Meteor.startup(function () {        
     console.log("METEOR STARTUP");
     React.render(&lt;MyModal/&gt;, document.getElementById('modal-container'));
  });
  }
  
  
  var MyModal = React.createClass({
      render: function() {
      return (
          &lt;div className="modal-open"&gt;
              &lt;Modal
                  title='Modeltest'
                  backdrop={true}
                  animation={false}
                  closeButton={true}
                  onRequestHide={() =&gt; {}}&gt;    
                  &lt;div className='modal-body'&gt;
                      &lt;p&gt;Check the Modal body&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/Modal&gt;
          &lt;/div&gt;
          )
      }
  });
  </code></pre>