fix cloning existing props

Author: tdt17

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-web-component",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Create Web Components with React",
   "main": "src/index.js",
   "types": "index.d.ts",
@@ -16,6 +16,7 @@
     "@webcomponents/shadydom": "^1.4.3"
   },
   "peerDependencies": {
+    "react": "^16.2.0",
     "react-dom": "^16.2.0"
   },
   "devDependencies": {

src/dev/index.js

@@ -1,3 +1,4 @@
+const React = require('react');
 const ReactDOM = require('react-dom');
 const retargetEvents = require('react-shadow-dom-retarget-events');
 const getStyleElementsFromReactWebComponentStyleLoader = require('./getStyleElementsFromReactWebComponentStyleLoader');
@@ -61,9 +62,8 @@ module.exports = {
           retargetEvents(shadowRoot);
         }
 
-        ReactDOM.render(app, mountPoint, function () {
+        ReactDOM.render(React.cloneElement(app, extractAttributes(webComponentInstance)) , mountPoint, function () {
           appInstance = this;
-          appInstance.props = Object.assign(extractAttributes(webComponentInstance), appInstance.props);
 
           callConstructorHook(webComponentInstance);
           callLifeCycleHook('connectedCallback');