Warning: forceUpdate about connected-react-router HOT 6 CLOSED

I never try react-async-component also. Anyway, great to hear that your problem was solved!

from connected-react-router.

Hi @cescoferraro. I never try redux-observables. I'll check it.

Btw, could you provide a minimal repo that still causes this problem? Thanks!

from connected-react-router.

@supasate here its the branch I tried to hook up the connected-router.
https://github.com/cescoferraro/flag/compare/feature/connected-react-router?expand=1
Do you have a jsbin template I can try to reproduce this?

from connected-react-router.

its seems that it breaks here

from connected-react-router.

@supasate But the cause it most likely to be this

@@router/LOCATION_CHANGE get fired twice by this simple button

import {push} from "connected-react-router";
@reduxForm({form: 'loginForm'})
@connect((state) => ({app: state.app}), AppActions)
export class LoginComponent extends React.Component<any, any> {

    render() {
        ... 
        <button onClick={()=>{
                    this.props.dispatch(push("/dashboard/workers"))
                    this.props.dispatch({type:"PONG"})
                }}>HELLO
                </button>
        }
}

from connected-react-router.

The issue here is this
https://github.com/ctrlplusb/react-async-component#server-side-rendering-application

withAsyncComponents renders the the whole app twice to do some optimizations (??), but removing it from the client side didnt seem to bother my async component what so ever. So problem solved.

now I get to use redux-observables and write cool epics

import { ajax } from 'rxjs/observable/dom/ajax';
import { push } from 'connected-react-router'

const fetchUser = username => ({ type: FETCH_USER, payload: username });

const fetchUserEpic = action$ =>
  action$.ofType(FETCH_USER)
    .mergeMap(action =>
      ajax.getJSON(`https://api.github.com/users/${action.payload}`)
        .map(response => push(`/dashboard/${action.payload}`))
    );

dispatch(fetchUser('torvalds'));

from connected-react-router.