Keep Coding

I have preload HOC on each component that is referenced in Router. This component takes a function that returns promise. On wrapping it will run the the function and until promise it returns isn't resolved, it displayes preloader. Once promise is resolved (data are fetched and stored in my MobX store), original component displays.
Works fine via observables and stuff, however the HOC (aka function) "runs" only when I first hit my app. When I switch between routes, preload function isn't even triggered, no matter how I try to run it. It just renders the component that should be wrapped in that HOC (thus I have no data, thus react screams I'm a dick for not providing props)
Here is my preload HOC
export function preload(loadingFunc :Function) {
Store.ui.startPreloading()
return (DecoratedComponent :Class<*>) => {
#observer
class PreloadHOC extends Component {
render() {
if (Store.ui.preloading) {
loadingFunc(Store, this.props.params)
.then(Store.ui.stopPreloading)
return (<Preloader />)
} else {
return (<DecoratedComponent {...this.props}/>)
}
}
}
return PreloadHOC;
}
}
And I use to like this...
#preload((store: Object): Promise<*> => {
return store.article.loadStuff()
})
class Article extends Component {...}
It's worth noting, that my other HOC (that I use to populate Component with data) triggers every time properly.
PS: When I log components from router, they are inside this preload function
Any ideas?