react-optimize will cause a serious error

In webpack.config.js, react-optimize will cause a serious error.

presets: [
  ['env', {
    // Optimize React code for the production build
    // https://github.com/thejameskyle/babel-react-optimize
      ...isDebug ? [] : ['react-optimize'],
  ],
],

Reproduce the problem:

git clone https://github.com/kriasoft/react-starter-kit.git
yarn

/src/routes/admin/index.js Remove redirect

yarn run build -- --release && node build/server.js

Visit http://localhost:3000/admin

[frenzzy]

I just looked at the compiled code and played with it a bit 😃

[frenzzy]

Looks like React components should not be mixed with async/await or generators inside single scope, for example:

// src/routes/admin/index.js
import React from 'react';
import Layout from '../../components/Layout';

const title = 'Admin Page';

export default {

  path: '/admin',

  action() {
    return require.ensure([], require => require('./Admin').default, 'admin')
      .then(Admin => ({ // simple function without async/await or generators
        title,
        chunk: 'admin',
        component: <Layout><Admin title={title} /></Layout>,
      }));
  },

};