diff --git a/src/AutoResizeInput.js b/src/AutoResizeInput.js
index 3506a74..ee50aa6 100644
--- a/src/AutoResizeInput.js
+++ b/src/AutoResizeInput.js
@@ -3,7 +3,7 @@ import React, { Component } from 'react';
 export default class AutoResizeInput extends Component {
   state = {};
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.setInputSize(this.props.value);
   }
 
@@ -15,7 +15,7 @@ export default class AutoResizeInput extends Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     this.setInputSize(nextProps.value);
   }
 
diff --git a/src/DropdownMenu.js b/src/DropdownMenu.js
index 92faa16..a88807d 100644
--- a/src/DropdownMenu.js
+++ b/src/DropdownMenu.js
@@ -4,11 +4,11 @@ import { renderComponent } from './utils';
 import Options from './Options';
 
 export default class DropdownMenu extends Component {
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.validateAndClose(this.props.options);
   }
 
-  componentWillReceiveProps({ options }) {
+  UNSAFE_componentWillReceiveProps({ options }) {
     this.validateAndClose(options);
   }
 
diff --git a/src/Options.js b/src/Options.js
index c6ed9a7..41bab8c 100644
--- a/src/Options.js
+++ b/src/Options.js
@@ -4,7 +4,7 @@ import Option from './Option';
 import { getOptionIndex, isOptGroup } from './utils';
 
 export default class Options extends Component {
-  componentWillReceiveProps({ options, highlightedOption }) {
+  UNSAFE_componentWillReceiveProps({ options, highlightedOption }) {
     this.scrollTo({ options, highlightedOption });
   }
 
diff --git a/src/PowerSelectMultiple/SelectTrigger.js b/src/PowerSelectMultiple/SelectTrigger.js
index 7636697..7649902 100644
--- a/src/PowerSelectMultiple/SelectTrigger.js
+++ b/src/PowerSelectMultiple/SelectTrigger.js
@@ -8,7 +8,7 @@ export default class SelectTrigger extends Component {
     value: '',
   };
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let value = nextProps.searchTerm !== null ? nextProps.searchTerm : '';
     this.setState({
       value,
diff --git a/src/PowerSelectMultiple/index.js b/src/PowerSelectMultiple/index.js
index 559fc07..a7beda1 100644
--- a/src/PowerSelectMultiple/index.js
+++ b/src/PowerSelectMultiple/index.js
@@ -6,11 +6,11 @@ import MultiSelectTrigger from './SelectTrigger';
 export default class PowerSelectMultiple extends Component {
   state = {};
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.filterOptions(this.props.options, this.props.selected);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     this.filterOptions(nextProps.options, nextProps.selected);
   }
 
diff --git a/src/Select.js b/src/Select.js
index 9f03769..b1f258d 100644
--- a/src/Select.js
+++ b/src/Select.js
@@ -43,11 +43,11 @@ export default class Select extends Component {
     handleDocumentClick: ::this.handleDocumentClick,
   };
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.flattenOptions(this.props.options);
   }
 
-  componentWillReceiveProps({ options }) {
+  UNSAFE_componentWillReceiveProps({ options }) {
     this.flattenOptions(options);
     if (this.props.options !== options) {
       this.setState({
diff --git a/src/TypeAhead/SelectTrigger.js b/src/TypeAhead/SelectTrigger.js
index 5d49f01..8779466 100644
--- a/src/TypeAhead/SelectTrigger.js
+++ b/src/TypeAhead/SelectTrigger.js
@@ -5,12 +5,12 @@ import AutoResizeInput from '../AutoResizeInput';
 export default class SelectTrigger extends Component {
   state = {};
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     let value = this.getValueFromSelectedOption(this.props);
     this.setState({ value });
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let value =
       nextProps.searchTerm !== null
         ? nextProps.searchTerm