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

0 vote101 views1 answer
Open modal on clicking select option in react
Javascript React
0 vote119 views1 answer
Comment creer des switch en react js
Javascript React
0 vote108 views1 answer
React looping hooks to display in other hook
Javascript React
2 votes100 views1 answer
Path.split is not a function react hook use form
Javascript React
9 votes52 views1 answer
Redux add to array
Javascript React
0 vote110 views1 answer
React native cors origin
Javascript React
2 votes130 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote100 views1 answer
Window.location.search get parameters react
Javascript React
0 vote103 views1 answer
Compass in react js
Javascript React
133 votes254 views6 answers
Create react project
Javascript React