React Bootstrap with JSX

HTML

<script src="//fb.me/react-with-addons-0.14.0.js"></script>
<script src="//fb.me/react-dom-0.14.0.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/react-bootstrap/0.28.1/react-bootstrap.min.js"></script>
<div class="container-fluid">
   <div class="row">
       <div class="col-xs-12 col-md-6" id='root'>
         
       </div>
   </div>
</div>

Babel + JSX

var {PanelGroup, Panel } = ReactBootstrap

const title = (<h1 style={{fontSize: 80+'px !important'}}>Text here</h1>);

const panel = ( <PanelGroup defaultActiveKey="1" accordion key="accordion1">
    <Panel defaultExpanded header={title} eventKey="1"  bsStyle="primary">
     </Panel>
</PanelGroup>);


var Node = document.getElementById("root")
ReactDOM.render(panel, Node);