Deeply nested IndexRoutes

[maxim-grishaev]

There is a config example:
Router.jsx:

import moreRoutes from './MoreRoutes.jsx';
let cfg = (
        <Router history={history}>
            <Route path='/' component={ApplicationLayout}>
                {/*...*/}
                <Route {...moreRoutes.props} path='more'>
                    {moreRoutes.props.children}
                </Route>
            </Route>
        </Router>
    );

MoreRoutes.jsx:

export default (
    <IndexRoute component={MoreLayout}>
        <IndexRoute some='stuff'>
            <IndexRoute component={Fuuu} />
            <Route component={BlaBla} path='bla-bla' />
        </IndexRoute>
    </IndexRoute>
);

Being on /more I don't see Fuuu component as props.children in MoreLayout.
Why?

[taion]

You can't nest IndexRoutes. May want to look at e.g. #2330.