Deeply merge own component's props with state props.

Author: ipselon

src/framework/components/PageComposition/Container.js

@@ -1,4 +1,6 @@
 import React from 'react';
+import mergeWith from 'lodash/mergeWith';
+import isArray from 'lodash/isArray';
 import { pickInObject, omitInObject } from '../../commons/utilities';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
@@ -13,6 +15,12 @@ if (process.env.NODE_ENV !== 'production') {
   constants = require('../../commons/constants');
 }
 
+function mergeCustomizer(objValue, srcValue) {
+  if (isArray(objValue)) {
+    return srcValue;
+  }
+}
+
 class Container extends React.Component {
   constructor (props, context) {
     super(props, context);
@@ -96,7 +104,11 @@ class Container extends React.Component {
     } = wrapperPicked;
     return React.createElement(
       wrappedComponent,
-      { ...restPicked, ...wrappedProps, ...this.wrappedHandlers, ...populatedProps, ...stateProps },
+      mergeWith(
+        { ...restPicked, ...wrappedProps, ...this.wrappedHandlers, ...populatedProps},
+        stateProps,
+        mergeCustomizer
+      ),
       children
     );
   }