We have a react-redux project that we are trying to setup the error propagation and error page display mechanism.

What we have been doing so far is: when an error occurs in an async api call or somewhere else we fire an action and modify the root level component App. In the root level reducer we set the error field in the state with the error propagated. When an error is observed we render the error page rather than the content that we have. 

**So the flow is like :** Component A -> A action -> App Reducer -> App component - Render errorPage. 

But the problem is the state remains with the error component. And as the error field remains in the state the app goes on rendering the error page. We basically need a mechanism so that whenever a user triggers a new action or whenever the error page is rendered , that will reset the error field in the state to {}. 

We could not find a good way to solve this problem. It looks like a very common one which anyone might have faced with before. In general how can we handle the async error propogation and display an error page accordingly.