React-router in saga

/** history.js ****/
import {createBrowserHistory} from 'history'

export default createBrowserHistory({your_config_here})

/** saga.js ***/
import {... call} from 'redux-saga/effects'
import history from './history'
export default function* your_root_saga(){
  ...access history here or in your sub sagas...
  yield call([history, history.push], 'your_object_path')
}


/** index.js ****/
import history from './history'
import {Router, ...} from 'react-router-dom'
import your_root_saga from './sagas'
import {createSagaMiddleware} from 'redux-saga'

const sagaMiddleware = createSagaMiddleware()
...config_your_store_here...
sagaMiddleware.run(your_root_saga)


render( <Router history = {history}> ... </Router>
, document.getElementById('elementId'))

Source: stackoverflow.com

Similar codes

1 vote173 views2 answers
Use state reactjs
Javascript React
0 vote135 views1 answer
How to add value with useref in react
Javascript React
-1 vote159 views1 answer
History of react js
Javascript React
0 vote161 views1 answer
Reactjs events list
Javascript React
0 vote180 views2 answers
Reactjs firebase timestamp to date
Javascript React
3 votes142 views1 answer
React router dom current path hook
Javascript React
0 vote144 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote148 views2 answers
Why we need react js
Javascript React
2 votes164 views2 answers
Export multiple functions react
Javascript React
1 vote172 views2 answers
React alert popup
Javascript React