Additional Data section of Sentry doesn't show current state and the action

[maksad]

The source code shows that if there is an error then the Raven extra fields should have action and current state - store.getState().
However, when intentionally raising an error in my code to catch in Sentry:

  componentWillMount() {
    nonExistingFunctionCalled();
  }

Sentry states only about the session:duration and no any information can be found about action and state.

Here is a screenshot:

[Hyra]

Same here. Not sure if it's related, but i also get the message 'Error: Raven has not been configured.' in the console.

[ngokevin]

@maksad the middleware only handles errors raised on actions, not component-level code. Redux middleware wraps every action where we have access to getState, Redux middleware doesn't touch component-level code. Let me know if that makes sense.

@Hyra hmm, are you initializing the middleware with your Sentry DSN? I wonder what's happening there.

[Hyra]

@ngokevin: yeah, i just added the middleware like so:

const createStoreWithMiddleware = applyMiddleware(
  thunkMiddleware,
  loggerMiddleware,
  RavenMiddleware('https://******@app.getsentry.com/abcdefg')
)(createStore);

Could it be because I'm running a local webserver on 127.0.0.1 ..

Want me to create a separate ticket for it?

[ngokevin]

@Hyra yeah you can file another one, i'll check it out. Put all the logs/details you have. thanks!

[Hyra]

Done at #4 ! Cheers!

[ngokevin]

@maksad i'm going to close this. Try triggering the error in an action, or let me know if you have any ideas on how to feed the Redux state into Raven at the component-level.

[maksad]

Thanks @ngokevin
Yes you are right. I triggered an error in Reducer and it captured the issue:

I will write when there will be a proper solution for feeding the Redux state into Raven at the component-level.

[maksad]

@ngokevin
This code lets you capture an error with the state in the component-level:

RavenMiddleware(
  'https://**************************************@app.getsentry.com/xxxxx',
  {
    collectWindowErrors: true,
    dataCallback: (data) => {
      const store = require('path-to-the-stores/Store');
      if (!(data.extra && data.extra.state)) {
        try {
          data.extra.state = store.getState();
        } catch (expt) {
          console.log(expt);
        }
      }
      return data;
    }
  }
)];

[ngokevin]

Nice, glad that can be done. Might be worth documenting