new react-router applyRouterMiddleware method

Hi,

Just wondering, how the code would be changed with the new applyRouterMiddleware method from react-router.

Currently in the example we have

<Router render={(props) => <ReduxAsyncConnect {...props}/>} history={browserHistory}>

Thinking we should have something like

function useReduxConnect() { return { renderRouterContext: (child, props) => ( <ReduxAsyncConnect {...props} /> ) }; }

and then

<Router render={applyRouterMiddleware(useReduxConnect()} />} history={browserHistory}>

But not really sure.

[AVVS]

I’ll add tests & example, you can track progress here:

https://github.com/makeomatic/redux-connect/tree/feat/applyRouterMiddleware

[AVVS]

Copying here for lazy people:

@mmahalwy this looks pretty good without any need to handle {child}. I will try to get some code in to get this use-case working as well, but if not - this solution does work

const component = (
  <Router
    render={(props) => (
      <ReduxAsyncConnect
        {...props}
        helpers={{client}}
        filter={item => !item.deferred}
        render={applyRouterMiddleware(useScroll())}
      />
    )}
    history={history}
    routes={getRoutes(store)}
  />
);