title: "translating" { ...props } in JS
body: <p>I am building a package with reusable components, that I want to publish to NPM.</p>
  
  <p><code>.babelrc</code></p>
  
  <pre><code>{
    "presets": ["es2015", "react"]
  }
  </code></pre>
  
  <p><code>.eslintrc</code></p>
  
  <pre><code>{
    root: true,
    parser: 'babel-eslint',
    plugins: [/*'import', */'jsx-a11y', 'react'],
  env: {
      browser: true,
      commonjs: true,
      es6: true,
      jest: true,
      node: true
    },
  parserOptions: {
      ecmaVersion: 6,
      sourceType: 'module',
      ecmaFeatures: {
        jsx: true,
        generators: true,
        experimentalObjectRestSpread: true
      }
    },
  settings: {
      'import/ignore': [
        'node_modules',
        '\\.(json|css|jpg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm)$',
      ],
      'import/extensions': ['.js'],
      'import/resolver': {
        node: {
          extensions: ['.js', '.json']
        }
      }
    }
  }
  </code></pre>
  
  <p><code>package.json</code></p>
  
  <pre><code>{
    "devDependencies": {
      "babel-cli": "^6.26.0",
      "babel-preset-es2015": "^6.24.1",
      "babel-preset-react": "^6.24.1"
    },
    "dependencies": {
      "react": "^16.4.2"
    }
  }
  </code></pre>
  
  <p>I would like to be able to "unpack" a JS object like so: <code>var x = {...this.props}</code> but when running my build script it gets stuck on the <code>...this.props</code> part.</p>
  
  <p>What do I need to translate this syntax?</p>