title: Unexpected Token after const
body: <p>I am getting an unexpected token error in React when I try to specify a constant, and I cannot seem to figure out why.</p>
  
  <p>My code is pretty simple, and I have followed the react-bootstrap examples <a href="https://react-bootstrap.github.io/components.html#panels-heading" rel="noreferrer">here</a> almost exactly.</p>
  
  <p>My code is as follows:</p>
  
  <pre><code>import { Component, PropTypes } from 'react';
  
  var rbs = require('react-bootstrap'),
  Panel = rbs.Panel;
  
  export default class ResumeSection extends Component {
    constructor(...args) {
      super(...args);
      this.state = {
        open: true
      };
    }
  
    const title = (
      &lt;h3&gt;Panel title&lt;/h3&gt;
    );
  
    render() {
      return (
        &lt;Panel collapsible expanded={this.state.open}&gt;
          &lt;p&gt;Body&lt;/p&gt;
        &lt;/Panel&gt;
      );
    }
  }
  </code></pre>
  
  <p>The error occurs on <code>title</code> directly after <code>const</code> and just says <code>SyntaxError: Unexpected Token</code></p>