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 vote121 views1 answer
Using shortid in react lists
Javascript React
0 vote123 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
7 votes122 views2 answers
Uuid v4 react
Javascript React
0 vote120 views1 answer
How to stop server of react js
Javascript React
21 votes139 views4 answers
React font awesome npm
Javascript React
1 vote122 views3 answers
Window.innerHeight react js
Javascript React
0 vote84 views1 answer
How to enable emit on react in vs code
Javascript React
0 vote135 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote140 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
0 vote117 views1 answer
Build class component react
Javascript React