Learning Redux

Error reporting middleware

Edit src/middleware/error.js and define the error reporting middleware:

1. Again, we start with the function definition. This time, we will log something after the first argument is applied:

const errorReporter = store => {  console.log('error reporter active')

2. Afterward, we simply return the other functions:

  return next => action => {

3. Then, we catch errors with a try/catch statement:

    try {

4. Here, we call the next middleware function (or the dispatch function):

      return next(action)

5. If an error happens, we log and rethrow it:

    } catch (err) {      console.error('error:', err)      throw err    }  }}

6. Finally, we export the middleware function:

export default errorReporter