Nested Layouts for routes

I love the boilerplate but am having issues having nested layouts for instances

export default (
  <Route path='/' component={BaseLayout}>
    <Route path='auth' component={Auth} />
    <Route component={AuthenticatedLayout}>
      <Route path="dashboard" component={Dashboard} />
      <Route path='Inbox' component={Inbox} />
    </Route>
  </Route>
)

In this instance, you can see that the authenticated routes have another layout applied to it. But this boilerplate defines a different way to construct your routes such as

export default function createRoutes (store) {
  return {
    path: 'posts',
    getComponents (location, cb) {
      require.ensure([
        './containers/PostList',
        './reducer'
      ], (require) => {
        let PostPage = require('./containers/PostList').default
        let postReducer = require('./reducer').default
        injectAsyncReducer(store, 'posts', postReducer)
        cb(null, PostPage)
      })
    }
  }
}

So I would love assistance on this topic!

[ghost]

I managed to get this working today, do you want me to post my findings ?

[alex-ald]

@lewis-elliott yes!