Spread Properties In Redux

I am trying to use the spread properties in my reducers, but it is coming back with an invalid syntax error. My build supports the use of the spread operator as I only get the erro

Solution 1:

From the documentation:

Since the object spread syntax is still a Stage 2 proposal for ECMAScript you’ll need to use a transpiler such as Babel to use it in production. You can use your existing es2015 preset, install babel-plugin-transform-object-rest-spread and add it individually to the plugins array in your .babelrc.

{"presets":["es2015"],"plugins":["transform-object-rest-spread"]}

Note that this is still an experimental language feature proposal so it may change in the future.

Solution 2:

If you are using webpack, you can fix this by enabling stage-2 preset.

First install npm package:

npm install --save babel-preset-stage-2

Then add stage-2 to the presets array in webpack.config.js:

module: {
  loaders: [
    {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
      query: {
        presets:[ 'es2015', 'react', 'stage-2' ]
      }
    }
  ]
}