fix(react): Set redux state context properly (#5550)

Author: AbhiPrasad

packages/react/src/redux.ts

@@ -105,7 +105,7 @@ function createReduxEnhancer(enhancerOptions?: Partial<SentryEnhancerOptions>):
           /* Set latest state to scope */
           const transformedState = options.stateTransformer(newState);
           if (typeof transformedState !== 'undefined' && transformedState !== null) {
-            scope.setContext('state', { type: 'redux', value: transformedState });
+            scope.setContext('state', { state: { type: 'redux', value: transformedState } });
           } else {
             scope.setContext('state', null);
           }

packages/react/test/redux.test.ts

@@ -64,9 +64,11 @@ describe('createReduxEnhancer', () => {
     store.dispatch(updateAction);
 
     expect(mockSetContext).toBeCalledWith('state', {
-      type: 'redux',
-      value: {
-        value: 'updated',
+      state: {
+        type: 'redux',
+        value: {
+          value: 'updated',
+        },
       },
     });
   });
@@ -88,10 +90,12 @@ describe('createReduxEnhancer', () => {
       Redux.createStore((state = initialState) => state, enhancer);
 
       expect(mockSetContext).toBeCalledWith('state', {
-        type: 'redux',
-        value: {
-          superSecret: 'REDACTED',
-          value: 123,
+        state: {
+          type: 'redux',
+          value: {
+            superSecret: 'REDACTED',
+            value: 123,
+          },
         },
       });
     });