redux-raven-middleware

import { applyMiddleware, createStore } from 'redux'; import RavenMiddleware from 'redux-raven-middleware'; // A dummy reducer for demonstration purposes const initialState = { count: 0 }; function rootReducer(state = initialState, action) { switch (action.type) { case 'INCREMENT': // Intentionally cause an error for testing Sentry integration if (action.fail) { throw new Error('Simulated Redux error!'); } return { ...state, count: state.count + 1 }; default: return state; } } // Replace 'YOUR_SENTRY_DSN' with your actual DSN, ideally from environment variables const SENTRY_DSN = process.env.SENTRY_DSN ?? 'https://examplePublicKey@o0.ingest.sentry.io/0'; const createStoreWithMiddleware = applyMiddleware( RavenMiddleware(SENTRY_DSN, { // Optional Sentry configuration environment: process.env.NODE_ENV || 'development', }, { // Optional middleware configuration actionTransformer: action => { // Prevent sensitive data from being sent to Sentry if (action.type === 'LOGIN' && action.payload && action.payload.password) { return { ...action, payload: { ...action.payload, password: '[REDACTED]' } }; } return action; }, stateTransformer: state => { // Limit the size of the state sent to Sentry to avoid 'Request too large' errors return { sensitiveData: '[REDACTED]', count: state.count }; }, logger: console.warn // Use console.warn instead of console.error for internal logs }) )(createStore); const store = createStoreWithMiddleware(rootReducer); console.log('Initial state:', store.getState()); store.dispatch({ type: 'INCREMENT' }); console.log('State after increment:', store.getState()); try { store.dispatch({ type: 'INCREMENT', fail: true }); } catch (e) { console.error('Caught expected error from Redux dispatch:', e.message); // Sentry would have captured this error via the middleware } // To run this, ensure 'raven-js' is installed: npm install raven-js // Set SENTRY_DSN environment variable or replace placeholder.