diff --git a/packages/devui/package.json b/packages/devui/package.json
index ad51cdec..4308aa73 100755
--- a/packages/devui/package.json
+++ b/packages/devui/package.json
@@ -57,7 +57,7 @@
     "stylelint-processor-styled-components": "^0.0.4"
   },
   "peerDependencies": {
-    "react": "^0.14.9 || ^15.3.0"
+    "react": "^16.3.0"
   },
   "dependencies": {
     "base16": "^1.0.0",
diff --git a/packages/devui/src/ContextMenu/ContextMenu.js b/packages/devui/src/ContextMenu/ContextMenu.js
index 259ce93a..93934455 100644
--- a/packages/devui/src/ContextMenu/ContextMenu.js
+++ b/packages/devui/src/ContextMenu/ContextMenu.js
@@ -11,7 +11,7 @@ export default class ContextMenu extends Component {
     this.updateItems(props.items);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.items !== this.props.items ||
       nextProps.visible !== this.props.visible
diff --git a/packages/devui/src/Editor/Editor.js b/packages/devui/src/Editor/Editor.js
index fc99a4f8..7821e60e 100644
--- a/packages/devui/src/Editor/Editor.js
+++ b/packages/devui/src/Editor/Editor.js
@@ -28,7 +28,7 @@ export default class Editor extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.value !== this.cm.getValue()) {
       this.cm.setValue(nextProps.value);
     }
diff --git a/packages/devui/src/Tabs/Tabs.js b/packages/devui/src/Tabs/Tabs.js
index 09376cba..f99bd73e 100644
--- a/packages/devui/src/Tabs/Tabs.js
+++ b/packages/devui/src/Tabs/Tabs.js
@@ -9,7 +9,7 @@ export default class Tabs extends Component {
     this.updateTabs(props);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.selected !== this.props.selected) {
       this.updateTabs(nextProps);
     }
diff --git a/packages/devui/src/Tabs/TabsHeader.js b/packages/devui/src/Tabs/TabsHeader.js
index 083b8a2a..e6bf9b94 100644
--- a/packages/devui/src/Tabs/TabsHeader.js
+++ b/packages/devui/src/Tabs/TabsHeader.js
@@ -21,7 +21,7 @@ export default class TabsHeader extends Component {
     this.hiddenTabsWidth = [];
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.tabs !== this.props.tabs ||
       nextProps.selected !== this.props.selected ||
diff --git a/packages/redux-devtools-core/package.json b/packages/redux-devtools-core/package.json
index fb8e1aa1..74f72378 100644
--- a/packages/redux-devtools-core/package.json
+++ b/packages/redux-devtools-core/package.json
@@ -92,6 +92,6 @@
     "styled-components": "^2.4.1"
   },
   "peerDependencies": {
-    "react": "^16.0.0"
+    "react": "^16.3.0"
   }
 }
diff --git a/packages/redux-devtools-core/src/app/components/Settings/Connection.js b/packages/redux-devtools-core/src/app/components/Settings/Connection.js
index 7c16e4fe..772f1b02 100644
--- a/packages/redux-devtools-core/src/app/components/Settings/Connection.js
+++ b/packages/redux-devtools-core/src/app/components/Settings/Connection.js
@@ -53,7 +53,7 @@ class Connection extends Component {
     return this.state !== nextState;
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.options !== nextProps.options) {
       this.setState({
         formData: { ...nextProps.options, type: nextProps.type }
diff --git a/packages/redux-devtools-core/src/app/containers/DevTools.js b/packages/redux-devtools-core/src/app/containers/DevTools.js
index 99051cbd..943f91d6 100644
--- a/packages/redux-devtools-core/src/app/containers/DevTools.js
+++ b/packages/redux-devtools-core/src/app/containers/DevTools.js
@@ -38,7 +38,7 @@ class DevTools extends Component {
     }
   }
 
-  componentWillUpdate(nextProps) {
+  UNSAFE_componentWillUpdate(nextProps) {
     if (nextProps.monitor !== this.props.monitor) this.getMonitor(nextProps);
   }
 
diff --git a/packages/redux-devtools-core/src/app/containers/monitors/Dispatcher.js b/packages/redux-devtools-core/src/app/containers/monitors/Dispatcher.js
index 1f7802b6..a3e1b2a8 100644
--- a/packages/redux-devtools-core/src/app/containers/monitors/Dispatcher.js
+++ b/packages/redux-devtools-core/src/app/containers/monitors/Dispatcher.js
@@ -62,7 +62,7 @@ class Dispatcher extends Component {
     changed: false
   };
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.state.selected !== 'default' &&
       !nextProps.options.actionCreators
diff --git a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/ChartTab.js b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/ChartTab.js
index 84f58ff5..ec5e4020 100644
--- a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/ChartTab.js
+++ b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/ChartTab.js
@@ -21,7 +21,7 @@ class ChartTab extends Component {
     this.createChart(this.props);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       this.props.theme.scheme !== nextProps.theme.scheme ||
       nextProps.theme.light !== this.props.theme.light
diff --git a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/RawTab.js b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/RawTab.js
index dcdc8815..5c62c99a 100644
--- a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/RawTab.js
+++ b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/RawTab.js
@@ -12,7 +12,7 @@ export default class RawTab extends Component {
     return nextProps.data !== this.value;
   }
 
-  componentWillUpdate(nextProps) {
+  UNSAFE_componentWillUpdate(nextProps) {
     this.stringifyData(nextProps);
   }
 
diff --git a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.js b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.js
index 6d5ad553..ce31b6e3 100644
--- a/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.js
+++ b/packages/redux-devtools-core/src/app/containers/monitors/InspectorWrapper/SubTabs.js
@@ -17,7 +17,7 @@ class SubTabs extends Component {
     this.updateTabs(props);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.parentTab !== this.props.parentTab) {
       this.updateTabs(nextProps);
     }
diff --git a/packages/redux-devtools-core/src/app/index.js b/packages/redux-devtools-core/src/app/index.js
index a05ac95b..1540b9b6 100644
--- a/packages/redux-devtools-core/src/app/index.js
+++ b/packages/redux-devtools-core/src/app/index.js
@@ -7,7 +7,7 @@ import { CONNECT_REQUEST } from './constants/socketActionTypes';
 import App from './containers/App';
 
 class Root extends Component {
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     configureStore((store, preloadedState) => {
       this.store = store;
       store.dispatch({
diff --git a/packages/redux-devtools-inspector/package.json b/packages/redux-devtools-inspector/package.json
index 5242aa56..d5d3675a 100644
--- a/packages/redux-devtools-inspector/package.json
+++ b/packages/redux-devtools-inspector/package.json
@@ -56,8 +56,8 @@
     "webpack-dev-server": "^3.11.0"
   },
   "peerDependencies": {
-    "react": ">=15.0.0",
-    "react-dom": ">=15.0.0"
+    "react": "^16.3.0",
+    "react-dom": "^16.3.0"
   },
   "author": "Alexander <alexkuz@gmail.com> (http://kuzya.org/)",
   "contributors": [
diff --git a/packages/redux-devtools-inspector/src/ActionList.jsx b/packages/redux-devtools-inspector/src/ActionList.jsx
index 66ce8a3b..34c0a936 100644
--- a/packages/redux-devtools-inspector/src/ActionList.jsx
+++ b/packages/redux-devtools-inspector/src/ActionList.jsx
@@ -17,7 +17,7 @@ function getTimestamps(actions, actionIds, actionId) {
 export default class ActionList extends Component {
   shouldComponentUpdate = shouldPureComponentUpdate;
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const node = this.node;
     if (!node) {
       this.scrollDown = true;
diff --git a/packages/redux-devtools-inspector/src/DevtoolsInspector.js b/packages/redux-devtools-inspector/src/DevtoolsInspector.js
index 6f30a5ad..bb67dae3 100644
--- a/packages/redux-devtools-inspector/src/DevtoolsInspector.js
+++ b/packages/redux-devtools-inspector/src/DevtoolsInspector.js
@@ -172,7 +172,7 @@ export default class DevtoolsInspector extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let nextMonitorState = nextProps.monitorState;
     const monitorState = this.props.monitorState;
 
diff --git a/packages/redux-devtools-log-monitor/package.json b/packages/redux-devtools-log-monitor/package.json
index 1e98c883..071b7713 100644
--- a/packages/redux-devtools-log-monitor/package.json
+++ b/packages/redux-devtools-log-monitor/package.json
@@ -43,7 +43,7 @@
     "rimraf": "^2.7.1"
   },
   "peerDependencies": {
-    "react": "^15.0.0 || ^16.0.0",
+    "react": "^16.3.0",
     "redux-devtools": "^3.4.0"
   },
   "dependencies": {
diff --git a/packages/redux-devtools-log-monitor/src/LogMonitor.js b/packages/redux-devtools-log-monitor/src/LogMonitor.js
index 49732de1..9ff2518c 100644
--- a/packages/redux-devtools-log-monitor/src/LogMonitor.js
+++ b/packages/redux-devtools-log-monitor/src/LogMonitor.js
@@ -114,7 +114,7 @@ export default class LogMonitor extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const node = this.node;
     if (!node) {
       this.scrollDown = true;