auto indent in jsx syntax about sublime-babel-vscode HOT 4 CLOSED

import React from 'react';
import CustomButton from './CustomButton';

function WarningButton() {
  // return React.createElement(CustomButton, {color: 'red'}, null);
  <CustomButton color="red" />;
}

/*------------------------------------------
 * Case of Sublime's babel plugin.
/*------------------------------------------*/

// before press enter.
const Product = React.createClass({
  render: function () {
    return (
      <div>{**the cousor is located here**}</div>
    );
  }
}

// After press enter.
const Product = React.createClass({
  render: function () {
    return (
      <div>
        {**the cousor will be located here**}
      </div>
    );
  }
}

/*------------------------------------------
 * Case of this plugin.
/*------------------------------------------*/

// before press enter.
const Product = React.createClass({
  render: function () {
    return (
      <div>{**the cousor is located here**}</div>
    );
  }
}

// After press enter.
const Product = React.createClass({
  render: function () {
    return (
      <div>
      {**the cousor will be located here**}</div>
    );
  }
}