Update redux integration docs for newer Redux configureStore API (#…

…8774)

src/includes/platforms/configuration/integrations/redux.mdx

@@ -1,6 +1,6 @@
 <PlatformContent includePath="configuration/redux-init" />
 
-If you have other enhancers or middleware such as `thunk`:
+If you are using the deprecated `createStore` API and have other enhancers or middleware such as `thunk`:
 
 ```javascript
 const store = createStore(

src/platform-includes/configuration/redux-init/javascript.mdx

@@ -1,5 +1,5 @@
 ```javascript
-import { createStore, compose } from "redux";
+import { configureStore, createStore, compose } from "redux";
 import * as Sentry from "@sentry/react";
 
 // ...
@@ -8,7 +8,14 @@ const sentryReduxEnhancer = Sentry.createReduxEnhancer({
  // Optionally pass options listed below
 });
 
-const store = createStore(rootReducer, sentryReduxEnhancer);
+// If you are using the `configureStore` API, pass the enhancer as follows:
+const store = configureStore({
+ reducer,
+ enhancers: (getDefaultEnhancers) => {
+ return getDefaultEnhancers().concat(sentryReduxEnhancer);
+ },
+});
 
-// ...
+// If you are using the deprecated `createStore` API, pass the enhancer as follows:
+const store = createStore(reducer, sentryReduxEnhancer);
 ```

src/platform-includes/configuration/redux-init/react-native.mdx

@@ -1,5 +1,5 @@
 ```javascript
-import { createStore, compose } from "redux";
+import { configureStore, createStore, compose } from "redux";
 import * as Sentry from "@sentry/react-native";
 
 // ...
@@ -8,7 +8,14 @@ const sentryReduxEnhancer = Sentry.createReduxEnhancer({
  // Optionally pass options listed below
 });
 
-const store = createStore(rootReducer, sentryReduxEnhancer);
+// If you are using the `configureStore` API, pass the enhancer as follows:
+const store = configureStore({
+ reducer,
+ enhancers: (getDefaultEnhancers) => {
+ return getDefaultEnhancers().concat(sentryReduxEnhancer);
+ },
+});
 
-// ...
+// If you are using the deprecated `createStore` API, pass the enhancer as follows:
+const store = createStore(reducer, sentryReduxEnhancer);
 ```

src/platforms/javascript/guides/react/features/redux.mdx

@@ -6,9 +6,7 @@ redirect_from:
  - /platforms/javascript/guides/react/configuration/integrations/redux/
 ---
 
-_(Available in version 5.20.0 and above)_
-
-Redux support is included in the `@sentry/react` package since version `5.20.0`. To apply Sentry to Redux, use `Sentry.createReduxEnhancer` at the same place that you initialize your Redux store.
+To capture Redux state data, use `Sentry.createReduxEnhancer` in the same place that you initialize your Redux store.
 
 <Include name="platforms/configuration/integrations/redux.mdx" />