fix(dependencies): upgrade react to v16.9.0

Author: Dimitri Kopriwa

README.md

@@ -21,21 +21,12 @@
 
 ## Table of Contents
 
-  - [Become a contributor](#become-a-contributor)
   - [Documentation](#documentation)
   - [Contributing](#contributing)
   - [License MIT](#license-mit)
 
 ---
 
-## Become a contributor
-
-We are missing contributors to keep up to date the project with the latest react upgrade.
-
-This is why we have recently locked the react compatible version between `>=16.0.0 <=16.8.6`.
-
-If you wish to join the core team and help to follow react upgrades, please contact `[email protected]`. 
-
 ## Documentation
 
 Read [v4 documentation](https://bootstrap-styled.github.io/v4).

package.json

@@ -191,8 +191,8 @@
     "tether-fix": "^1.4.0-fix-es"
   },
   "peerDependencies": {
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0",
     "styled-components": "^4.0.0"
   },
   "publishConfig": {

src/Alert/index.js

@@ -139,7 +139,8 @@ class AlertUnstyled extends React.Component { // eslint-disable-line react/prefe
     exited: false,
   };
 
-  componentWillMount() {
+  /* eslint-disable-next-line camelcase */
+  UNSAFE_componentWillMount() {
     this.initializeIsOpen(this.props);
     if (this.props.uncontrolled) {
       if (this.state.uncontrolledOpen) {
@@ -160,7 +161,8 @@ class AlertUnstyled extends React.Component { // eslint-disable-line react/prefe
   }
 
   /* eslint-enable no-console */
-  componentWillReceiveProps(nextProps) {
+  /* eslint-disable-next-line camelcase */
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.isOpen) {
       this.setState({ exited: false });
     }

src/Collapse/index.js

@@ -68,12 +68,14 @@ class Collapse extends Component {
     height: null,
   };
 
-  componentWillMount() {
+  /* eslint-disable-next-line camelcase */
+  UNSAFE_componentWillMount() {
     this.updateVisibility({ collapse: this.props.isOpen ? SHOWN : HIDDEN });
     this.updateTransition({ delay: this.props.delay, theme: this.props.theme });
   }
 
-  componentWillReceiveProps(nextProps) {
+  /* eslint-disable-next-line camelcase */
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const willOpen = nextProps.isOpen;
     const { collapse } = this.state;
 

src/Modal/index.js

@@ -214,7 +214,8 @@ class ModalUnstyled extends React.Component {
     this._isMounted = true;
   }
 
-  componentWillReceiveProps(nextProps) {
+  /* eslint-disable-next-line camelcase */
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.isOpen && !this.props.isOpen) {
       this.setState({ isOpen: nextProps.isOpen });
     }

src/Select/index.js

@@ -22,7 +22,8 @@ class SelectUnstyled extends React.Component { // eslint-disable-line react/pref
   }
 
   // Android browser fix: https://v4-alpha.getbootstrap.com/getting-started/browsers-devices/#android-stock-browser
-  componentWillMount() {
+  /* eslint-disable-next-line camelcase */
+  UNSAFE_componentWillMount() {
     if (typeof window !== 'undefined') {
       const nua = navigator.userAgent;
       const isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1);