title: babel watch SyntaxError: Unexpected token
body: <p>When I uses babel to watch a jsx file. But there is a syntax error.</p>
  
  <p>Before that, I uses react-tools to watch, and everything is fine.</p>
  
  <pre><code>SyntaxError: assets/js/chat/chat.jsx: Unexpected token (258:16)
    256 |         if (this.props.isOpen) {
    257 |             return (
  &gt; 258 |                 &lt;div className="modal-overlay"&gt;
        |                 ^
    259 |                     &lt;ReactCSSTransitionGroup transitionName={this.props.transitionName}&gt;
    260 |                         &lt;div className="chat-modal"&gt;
    261 |                             {this.props.children}
  </code></pre>
  
  <p>The following is my code.</p>
  
  <pre><code>var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
  var Modal = React.createClass({
      render: function() {
          if (this.props.isOpen) {
              return (
                  &lt;div className="modal-overlay"&gt;
                      &lt;ReactCSSTransitionGroup transitionName={this.props.transitionName}&gt;
                          &lt;div className="chat-modal"&gt;
                              {this.props.children}
                          &lt;/div&gt;
                      &lt;/ReactCSSTransitionGroup&gt;
                  &lt;/div&gt;
              )
          } else {
              return &lt;div className="modal-overlay"&gt;&lt;ReactCSSTransitionGroup transitionName={this.props.transitionName}/&gt;&lt;/div&gt;
          }
      }
  });
  </code></pre>