router async

class Bundle extends Component {
  state = {
    mod: null
  }

  componentWillMount() {
    this.load(this.props)
  }

  componentWillReceiveProps(nextProps) {
    if (nextProps.load !== this.props.load) {
      this.load(nextProps)
    }
  }

  load(props) {
    this.setState({
      mod: null
    });
    props.load().then(mod => {
      this.setState({
        // handle both es imports and cjs
        mod: mod.default ? mod.default : mod
      });
    })
  }

  render() {
    return this.state.mod ? this.props.children(this.state.mod) : null
  }
}

const asyncComponent = (imp, props={}) =>
  <Bundle
    load={() => imp()}>
    {Comp => <Comp {...props} />}
  </Bundle>


const AsynPages = (props) => {
  return asyncComponent(() => import('../containers/PagesContainer'), props)
}

<Route path='/pages' component={AsynPages} />