title: react-bootstrap Accordion not collapsing with map
body: <p>I have an array of items I would like to create Panels out of which would eventually be inserted into the Accordion.</p>
  
  <p>In one file, I have:</p>
  
  <pre><code>var items = this.state.contents.map(function(content, index) {
    return &lt;Content {...content}, key={index}/&gt;
  };
  
  return (
    &lt;Accordion&gt;
      {items}
    &lt;/Accordion&gt;
  );
  </code></pre>
  
  <p>In another file called Content I have:</p>
  
  <pre><code>return(
    &lt;Panel header={this.props.header} eventKey={this.props.key}&gt;
      {this.props.body}
    &lt;/Panel&gt;
  );
  </code></pre>
  
  <p>When I have the Accordion and Panel in the same file, they work. But when I generate the Panel using map after splitting them into two files, it doesn't seem to collapse.</p>