react@16 compatibility

README.md

@@ -191,8 +191,5 @@ export default combineReducers({
 ## Contributing
 The main package in `src/package`
 
-## Testing
-Welcome contributing :)
-
 ## License
 MIT © [Nghiệp](http://nghiepit.pro)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-redux-modal-flex",
-  "version": "0.1.10",
+  "version": "1.0.0",
   "description":
     "Accessible modal dialog component for React Redux, Easy to install and use with Redux",
   "keywords": [
@@ -20,8 +20,8 @@
     "classnames": "^2.2.5",
     "prop-types": "^15.5.10",
     "ramda": "^0.24.1",
-    "react": "^15.6.1",
-    "react-dom": "^15.6.1",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
     "react-redux": "^5.0.5",
     "react-router-dom": "^4.1.2",
     "redux": "^3.7.2",
@@ -69,9 +69,9 @@
     "whatwg-fetch": "2.0.3"
   },
   "peerDependencies": {
-    "prop-types": "^15.0.0",
-    "react": "^15.0.0",
-    "react-dom": "^15.0.0",
+    "prop-types": "^15.0.0 || ^16.0.0",
+    "react": "^15.0.0 || ^16.0.0",
+    "react-dom": "^15.0.0 || ^16.0.0",
     "redux": "^3.0.0"
   },
   "scripts": {

src/package/components/Content/index.jsx

@@ -15,7 +15,7 @@ const Wrapper = styled.section`
   display: flex;
   justify-content: center;
   align-items: center;
-  background: ${props => (props.mask ? 'rgba(0, 0, 0, 0.5)' : 'transparent')};
+  background: ${props => (props.isMask ? 'rgba(0, 0, 0, 0.5)' : 'transparent')};
   animation-duration: 0.2s;
   & > div.animated {
     display: flex;
@@ -56,7 +56,7 @@ class Content extends React.Component {
       <Wrapper
         className="animated fadeIn modal-overlay"
         onClick={this.onClick}
-        mask={mask}
+        isMask={mask}
         duration={duration}
       >
         <div className={className}>