use merge-deep to merge props

Author: Raice Hannay

package.json

@@ -3,7 +3,7 @@
   "author": "Raice Hannay <[email protected]>",
   "description": "A set of classes to make setting up React components for unit tests easy.",
   "license": "ISC",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "keywords": [
     "component",
     "enzyme",

src/Wrapper.tsx

@@ -1,4 +1,5 @@
 import { ComponentType, mount, render, shallow } from "enzyme";
+import merge from "merge-deep";
 import * as React from "react";
 
 export default class Wrapper<
@@ -95,11 +96,9 @@ export default class Wrapper<
   };
 
   protected defineProps = () => {
-    this.mergedProps = {
-      children: this.scenarioChildren || this.defaultChildren,
-      ...this.defaultProps,
-      ...this.scenarioProps
-    };
+    this.mergedProps = merge({}, this.defaultProps, this.scenarioProps, {
+      children: this.scenarioChildren || this.defaultChildren
+    });
 
     return this.mergedProps;
   };