Meteor-react passing variable to child container
<p>I’m working on an app where users can make comments, and others can reply to their comment (reply).</p>

<p>My problem is that when I pass the commentId to the ReplyDetail component (the child) I’m unable to access the commentId as a prop in the createContainer - I can only access it in the component. I am looping (map) through the comments.</p>

<p>This is how I am passing the variable from commentContent.jsx (inside the map function)</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;div className="section"&gt;
    &lt;ReplyDetail commentId={comment._id} 
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>And this is the child component replyDetail.jsx</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>import { Meteor } from 'meteor/meteor';
import React, { Component } from 'react';
import { createContainer } from 'meteor/react-meteor-data';

import { Comments } from '../../../imports/collections/groupMethods';

class ReplyDetail extends Component {

 render() {

  //this works
  const commentId = this.props.commentId;
  console.log('this.props.commentId ' + this.props.commentId);

  return(
       &lt;div&gt;{commentId}&lt;/div&gt;
        )
 }
}

export default createContainer((props) =&gt; {
 Meteor.subscribe('comments');

 //this doesn't work
  const commentId = this.props.commentId;
  console.log('this.props.commentId-2 ' + this.props.commentId);
  return { 
     };
}, ReplyDetail)</code></pre>
</div>
</div>
</p>

<p>And this is the error I get.</p>

<blockquote>
  <p>Warning: There is an internal error in the React performance
  measurement code. Did not expect componentDidMount timer to start
  while componentWillMount timer is still in progress for another
  instance.</p>
</blockquote>

<p>I need the replies to be reactive, so how do I either pass the commentId (props) directly to the container - or how can I pass the commentId from the component to the container?</p>