react-redux-router | a demo about react、redux and react-router | Router library

I am trying to get a list to refresh after a custom action was successfully executed.

i used the saga from the admin on rest tutorial

I use express as a nodeJs web application server and react-redux-router to push new location to the browser. After pushing the address in the address bar from localhost:3000/admin change to localhost:3000 but it keeps on the same page.

I use dispatch(push('/')) to execute the job.

redux-logger :

[Update]

I used this solution but it didn't work for me

I have the following warning :

Warning: setState(...): Cannot update during an existing state transition (such as within render or another component's constructor).

with React-redux-router that I understand, but do not know how to fix.

This is the component that is generating the warning.

I have a dynamic router that takes routes as props of . By default all routes are blocked and user can only go to Payments.

A few levels deep I have . Once you do your first payment you should be able to access the whole app, in short:

Update 2: It was a problem with my setup. I upgraded react-scripts using yarn upgrade react-scripts to version 1.0.2 (was 0.9.5), and now it actually works again.

Update: I'm starting to think it's a problem with my node.js setup. Even older commits, which I'm sure worked before, no longer work. I didn't get anywhere with git bisect (although I'm glad I learned about it).

I'm fairly sure I'm not the only one with this problem, because I have seen this question asked more than once. However, none of the answers provided so far have helped me solve it.

I have a React app, that fails in render() (in index.js):

I get the following error when running a simple component test with jest.

I have an application that creates a new record and redirect the history to the new record page using react-redux-router push. This redirection is made by a "smart component" inside another smart component.

The state of these components is stored on a redux store.

After redirection if I go back to the previous page it's state is dirty. Is there a way to reset the state ? Or should I manually clean it up before the redirection.

Currently I'm listening on the reducer for LOCATION_CHANGE and resetting it but this seems manual and hacky. Shouldn't the component unmount when it's route is not rendered anymore?

I am really fighting for several hours now to get a simple app to run with webpack. I can't figure out what I am doing wrong. Please help!

I am building react-redux-router application + typescript. I have a custom css file that I would like to use in my project.

Here is my webpack.config file:

I am new to react and redux and I am facing a very strange issue and it is almost a week that I am trying different ways but no result. I have two component channel and its children. This is how it works: first the channel gets a list of channel from the server and then it in channel component there is a loop which send each channel to the storyboard then in storyboard I call another ajax call to get a list of stories for that specific channel. So here in storyboard as you can see I need to have my reducer separated from channel reducer since when I mix them there will be an infinite loop and browser crashes. Anyway this works on load and even when I use a button just for test and I updated channel reducer with the new channel list and it works perfectly fine, by that I mean it loads all channels and related stories with a fresh state. However when I used routing this never works as expected. For more explanation I use react-redux-router to make sure all the states are synchronized. So when I use router and and I load another page then when I get back to my channel page everything is repeated twice. so for instance if I have 2 channel with 3 stories in each, then in the result page after routing I have 4 channels with 6 stories in each channel. This means that react does not clear the states and adds everything on top of current state Here is my code: