How to redirect from redux (w/ react router v6)?

Question

With react-router 5 I used library - react-connected-router to make redirect from redux store. This library doesnt work with react router 6. How I can implement this?

I can just put navigate from useNavigate to payload and then in store use it. But I think it's not good decision. What can you recommend?

Does this help answer your question? https://stackoverflow.com/a/73628683/8690857 — Drew Reese, Dec 19 '22 at 16:32

score 3 · Accepted Answer · answered Dec 19 '22 at 09:50

3

Can't you just navigate after you have dispatched your action to redux? Then you keep your navigation strictly to ReactComponents

answered Dec 19 '22 at 09:50

Lars Vonk

623
5
13

score 0 · Answer 2 · answered Dec 19 '22 at 10:03

0

wrap it in a function

let history = useHistory();

const myActions = () => {
 dispatchAction1()
 dispatchAction2()
 history.push("/MY_ROUTE")
}

answered Dec 19 '22 at 10:03

aleEspinosaM

426
2
6

How to redirect from redux (w/ react router v6)?

2 Answers2