Bugfix #16017 :

Override replaceReducer functiont so any lazy loaded injection will reinsert the sentry reducer in the chain

Author: AntoineDuComptoirDesPharmacies

packages/react/src/redux.ts

@@ -112,52 +112,62 @@ function createReduxEnhancer(enhancerOptions?: Partial<SentryEnhancerOptions>):
           return event;
         });
 
-      const sentryReducer: Reducer<S, A> = (state, action): S => {
-        const newState = reducer(state, action);
-
-        const scope = getCurrentScope();
-
-        /* Action breadcrumbs */
-        const transformedAction = options.actionTransformer(action);
-        if (typeof transformedAction !== 'undefined' && transformedAction !== null) {
-          addBreadcrumb({
-            category: ACTION_BREADCRUMB_CATEGORY,
-            data: transformedAction,
-            type: ACTION_BREADCRUMB_TYPE,
-          });
-        }
-
-        /* Set latest state to scope */
-        const transformedState = options.stateTransformer(newState);
-        if (typeof transformedState !== 'undefined' && transformedState !== null) {
-          const client = getClient();
-          const options = client?.getOptions();
-          const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3
-
-          // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback
-          const newStateContext = { state: { type: 'redux', value: transformedState } };
-          addNonEnumerableProperty(
-            newStateContext,
-            '__sentry_override_normalization_depth__',
-            3 + // 3 layers for `state.value.transformedState`
-              normalizationDepth, // rest for the actual state
-          );
-
-          scope.setContext('state', newStateContext);
-        } else {
-          scope.setContext('state', null);
-        }
-
-        /* Allow user to configure scope with latest state */
-        const { configureScopeWithState } = options;
-        if (typeof configureScopeWithState === 'function') {
-          configureScopeWithState(scope, newState);
-        }
-
-        return newState;
-      };
-
-      return next(sentryReducer, initialState);
+      function sentryWrapReducer(reducer: Reducer<S, A>): Reducer<S, A> {
+        return (state, action): S => {
+          const newState = reducer(state, action);
+
+          const scope = getCurrentScope();
+
+          /* Action breadcrumbs */
+          const transformedAction = options.actionTransformer(action);
+          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {
+            addBreadcrumb({
+              category: ACTION_BREADCRUMB_CATEGORY,
+              data: transformedAction,
+              type: ACTION_BREADCRUMB_TYPE,
+            });
+          }
+
+          /* Set latest state to scope */
+          const transformedState = options.stateTransformer(newState);
+          if (typeof transformedState !== 'undefined' && transformedState !== null) {
+            const client = getClient();
+            const options = client?.getOptions();
+            const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3
+
+            // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback
+            const newStateContext = { state: { type: 'redux', value: transformedState } };
+            addNonEnumerableProperty(
+              newStateContext,
+              '__sentry_override_normalization_depth__',
+              3 + // 3 layers for `state.value.transformedState`
+                normalizationDepth, // rest for the actual state
+            );
+
+            scope.setContext('state', newStateContext);
+          } else {
+            scope.setContext('state', null);
+          }
+
+          /* Allow user to configure scope with latest state */
+          const { configureScopeWithState } = options;
+          if (typeof configureScopeWithState === 'function') {
+            configureScopeWithState(scope, newState);
+          }
+
+          return newState;
+        };
+      }
+
+      const store = next(sentryWrapReducer(reducer), initialState);
+      return {
+        ...store,
+        replaceReducer(nextReducer: Reducer<S, A>) {
+          store.replaceReducer(sentryWrapReducer(nextReducer))
+        },
+      }
+
+      return store;
     };
 }