title: babel-preset-es2015 not destructuring objects
body: <p>I'm trying to get the following ES6 code to transpile using Babel 6:</p>
  
  <pre><code>let { id, name, type } = this.props;
  </code></pre>
  
  <p>but when I run the presumably transpiled code, Chrome Dev Tools gives me a "Uncaught SyntaxError: Unexpected token {" error.</p>
  
  <p>In my <code>package.json</code> I have:</p>
  
  <pre><code>"devDependencies": {
    "babel-preset-es2015": "^6.1.18",
    "babel-preset-react": "^6.1.18",
    "bower": "^1.6.5",
    "gulp": "^3.9.0",
    "gulp-babel": "^6.1.0",
    "gulp-sourcemaps": "^1.6.0"
  }
  </code></pre>
  
  <p>and in my <code>gulpfile.js</code> I have</p>
  
  <pre><code>gulp.task('babel', () =&gt; {
    return gulp.src('public/js/src/*.js')
      .pipe(sourcemaps.init())
      .pipe(babel({
        presets: ['react', 'es2015']
      }))
      .pipe(sourcemaps.write('.'))
      .pipe(gulp.dest('public/js/build'));
  });
  </code></pre>
  
  <p>Does anybody have some ideas as to what I'm doing wrong? Thanks.</p>