ui-router doesn't catch nested lazy loaded states

[Hotell]

When I have state structure like this ( nested + lazily loaded )

// About 
const rootState = {
  name: 'about',
  url: '/about', 
  lazyLoad: () => System.import('./about').then(module=>module.states) 
}

// Contact
const aboutState = {
  name: 'about.contact',
  url: '/contact', 
  lazyLoad: () => System.import('./contact').then(module=>module.states)
}

About and nested Contact wont catch, when going directly to /about/contact, and transition to nothing, although About chunk loads, but that's it.

Here is the code:
https://github.com/ngParty/React-scaffold/tree/ui-router

Here is the gif:

[christopherthielen]

https://ui-router.github.io/docs/latest/interfaces/state.statedeclaration.html#lazyload

I think that should be:

// About 
const rootState = {
  name: 'about',
  url: '/about', 
  lazyLoad: () => System.import('./about').then(module=>module.states) 
}

// Contact
const aboutState = {
  name: 'about.contact',
  url: '/contact', 
  lazyLoad: () => System.import('./contact').then(module=>module.states)
}

[Hotell]

yeah, typo, updated

https://github.com/ngParty/React-scaffold/blob/ui-router/src/about/About.routing.ts#L10

[christopherthielen]

Thank you for the bug report. There is a fix coming in UI router core version 1.0.2
This is a problem with nested lazy states.

[Hotell]

Awesome!

off topic question, what about ui-router with redux? Is there something planned? I can help with that. I'm currently migrating from RR2 to fantastic UI-Router but the redux thing is only missing piece to perfection.

thanks

[elboman]

I'd like to discuss about the redux integration here (#9) to see what you had in mind