In redux-saga, the put(push('/xxx')) is not work

[qingyang-id]

In redux-saga, the put(push('/xxx')) is not work,the code is :

import { put } from 'redux-saga/effects';
import { push } from 'connected-react-router';

yield put(push('/xxx'));

[heshamnaim]

I am seeing this same issue. version 6.5.2

[Gxxxxxer]

me too

[heshamnaim]

Looks like I missed adding routerMiddleware(history) to my middleware and now it is working

[Gxxxxxer]

export const history = createHistory(); // ======================================================== // Store Instantiation // ======================================================== const initialState = {}; const enhancers = []; const middlewares = [thunk, routerMiddleware(history)];

// ======================================================== // Developer Tools Setup // ======================================================== if (process.env.NODE_ENV === 'development') { const { logger } = require('redux-logger'); // eslint-disable-line

middlewares.push(logger);

const devToolsExtension = window.REDUX_DEVTOOLS_EXTENSION; // eslint-disable-line

if (typeof devToolsExtension === 'function') { enhancers.push(devToolsExtension()); } }

const composedEnhancers = compose( applyMiddleware(...middlewares), ...enhancers );

export const store = createStore( combineReducers({ router: connectRouter(history), rootReducer }), initialState, composedEnhancers );

in redux, the put(push('/xxx')) is not work

[nicofrem]

same issue

[Thebarda]

Same issue

[sldone]

same issue

[sldone]

I fixed it. I downgraded react-router-dom to v4

[Thebarda]

I fixed it by upgrading react-redux to [email protected] Here are my dependencies:

• "react-redux": "^7.1.0"
• "connected-react-router": "^6.5.0" So yield put(push('/x')) works perfectly. I hope it will help someone

[ctkc]

Same issue

[ctkc]

@danielgatis I've removed the <Router></Router> of react-router-dom and it started working properly. I don't know if this is the correct approach but it worked for me. Thanks

[dospolov]

looks dirty, but putting yield delay(0) before yield put(push('/')) helped

[AkshayHere]

@ctkc I use ConnectedRouter instead of Router. Still not working.

The issue still exists in "connected-react-router": "^6.6.1" "react-redux": "^6.0.1" "redux-saga": "^1.0.2"

[AkshayHere]

You could try some something similar to what is mentioned in this comment. Hope it helps. https://github.com/supasate/connected-react-router/issues/177#issuecomment-437145983

[adolfogustavo]

I solved temporarily by replacing push with window.location, it will look like this:

import { call } from 'redux-saga/effects';

function* mySagaFunction() {
  try {
    const response = yield call(someAPIcall);
    if (response.data) {
      window.location = response.data.myNewUrl;
    }
  } catch (err) {
    // Some error handling
  }
}

And it's working now. I hope it helps somebody

[sldone]

I solved temporarily by replacing push with window.location, it will look like this:

import { call } from 'redux-saga/effects';

function* mySagaFunction() {
  try {
    const response = yield call(someAPIcall);
    if (response.data) {
      window.location = response.data.myNewUrl;
    }
  } catch (err) {
    // Some error handling
  }
}

And it's working now. I hope it helps somebody

Looks like a weird workaround. For what in this case you need connected-react-router?

[adolfogustavo]

I solved temporarily by replacing push with window.location, it will look like this:

import { call } from 'redux-saga/effects';

function* mySagaFunction() {
  try {
    const response = yield call(someAPIcall);
    if (response.data) {
      window.location = response.data.myNewUrl;
    }
  } catch (err) {
    // Some error handling
  }
}

And it's working now. I hope it helps somebody

Looks like a weird workaround. For what in this case you need connected-react-router?

I need it to redirect my user to a different URL, I also tried to use replace but didn't work and I cannot update / downgrade connected-react-router for now due to some internal policies.

[emmanuelsio]

same issue

[Aziaev]

Same issue, window.location is not a solution