ui: Re-add support for Sentry

This change re-adds the support for Sentry. This was lost during the
migration from CRA to Next.js.

1 files changed, 9 insertions, 2 deletions

diff --git a/opendc-web/opendc-web-ui/src/redux/index.js b/opendc-web/opendc-web-ui/src/redux/index.js
index ee6ca3f5..5c908957 100644
--- a/opendc-web/opendc-web-ui/src/redux/index.js
+++ b/opendc-web/opendc-web-ui/src/redux/index.js
@@ -1,11 +1,12 @@
 import { useMemo } from 'react'
-import { applyMiddleware, createStore } from 'redux'
+import {applyMiddleware, compose, createStore} from 'redux'
 import { createLogger } from 'redux-logger'
 import createSagaMiddleware from 'redux-saga'
 import thunk from 'redux-thunk'
 import rootReducer from './reducers'
 import rootSaga from './sagas'
 import { viewportAdjustmentMiddleware } from './middleware/viewport-adjustment'
+import { createReduxEnhancer } from "@sentry/react";
 
 let store
 
@@ -18,7 +19,13 @@ function initStore(initialState, ctx) {
         middlewares.push(createLogger())
     }
 
-    const configuredStore = createStore(rootReducer, initialState, applyMiddleware(...middlewares))
+    let middleware = applyMiddleware(...middlewares)
+
+    if (process.env.NEXT_PUBLIC_SENTRY_DSN) {
+        middleware = compose(middleware, createReduxEnhancer())
+    }
+
+    const configuredStore = createStore(rootReducer, initialState, middleware)
     sagaMiddleware.run(rootSaga)
     store = configuredStore