Merge pull request #2844 from korhaliv/chore/patch-redux-connect

chore: allow overriding state props in sb components

.storybook/patchedReactRedux.js

@@ -0,0 +1,33 @@
+export {
+  Provider,
+  connectAdvanced,
+  ReactReduxContext,
+  batch,
+  useDispatch,
+  useSelector,
+  useStore,
+  shallowEqual,
+} from '../node_modules/react-redux' // full import path to avoid circular dep
+import { connect as originalConnect } from '../node_modules/react-redux'
+
+function defaultMergeProps(stateProps, dispatchProps, ownProps) {
+  return { ...stateProps, ...dispatchProps, ...ownProps }
+}
+
+/**
+ * connect - Patches redux connect function to use `defaultMergeProps` that prioritizes `ownProps` over `stateProps`.
+ *
+ * @param {*} mapStateToProps mapStateToProps
+ * @param {*} mapDispatchToProps mapDispatchToProps
+ * @param {*} [mergeProps=defaultMergeProps] mergeProps
+ * @param {*} rest options
+ * @returns {*}
+ */
+export function connect(
+  mapStateToProps,
+  mapDispatchToProps,
+  mergeProps = defaultMergeProps,
+  ...rest
+) {
+  return originalConnect(mapStateToProps, mapDispatchToProps, mergeProps, ...rest)
+}

.storybook/webpack.config.js

@@ -1,12 +1,20 @@
 require('@babel/register')
 const baseConfig = require('../webpack/webpack.config.base')
+const path = require('path')
 
-module.exports = ({ config }) => ({
-  ...config,
-  resolve: {
+const createResolveConfig = config => {
+  const resolveConfig = {
     ...config.resolve,
     ...baseConfig.default.resolve,
-  },
+  }
+  resolveConfig.alias['react-redux'] = path.resolve(__dirname, './patchedReactRedux')
+  return resolveConfig
+}
+
+module.exports = ({ config }) => ({
+  ...config,
+  resolve: createResolveConfig(config),
+
   module: {
     ...config.module,
     rules: [