[fixed] backward compatibility with previous react versions.

DaveVanVliet · Oct 4, 2017 · 1260850 · 1260850
1 parent 45ca9d4
commit 1260850
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -47,8 +47,8 @@
     "karma-webpack": "^2.0.4",
     "mocha": "3.5.3",
     "npm-run-all": "^4.1.1",
-    "react": "^16",
-    "react-dom": "^16",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
     "react-router": "^4.2.0",
     "react-router-dom": "^4.2.2",
     "should": "^13.1.0",

diff --git a/src/components/Modal.js b/src/components/Modal.js
@@ -105,6 +105,10 @@ export default class Modal extends Component {
 
   componentDidMount() {
     if (!canUseDOM) return;
+
+    if (!isReact16) {
+      this.node = document.createElement('div');
+    }
     this.node.className = this.props.portalClassName;
 
     const parent = getParentElement(this.props.parentSelector);
@@ -164,7 +168,7 @@ export default class Modal extends Component {
   }
 
   portalRef = ref => { this.portal = ref; }
-  
+
   renderPortal = props => {
     const portal = createPortal(this, (
       <ModalPortal defaultStyles={Modal.defaultStyles} {...props} />
@@ -177,10 +181,10 @@ export default class Modal extends Component {
       return null;
     }
 
-    if (!this.node) {
+    if (!this.node && isReact16) {
       this.node = document.createElement('div');
     }
-    
+
     return createPortal(
       <ModalPortal ref={this.portalRef}
                    defaultStyles={Modal.defaultStyles}