diff --git a/packages/eslint-config-kibana/javascript.js b/packages/eslint-config-kibana/javascript.js
index 0c79669c15e73..7afd3da3a7b93 100644
--- a/packages/eslint-config-kibana/javascript.js
+++ b/packages/eslint-config-kibana/javascript.js
@@ -40,7 +40,7 @@ module.exports = {
 
       rules: {
         'block-scoped-var': 'error',
-        camelcase: [ 'error', { properties: 'never' } ],
+        camelcase: [ 'error', { properties: 'never', allow: ['^UNSAFE_'] } ],
         'comma-dangle': 'off',
         'comma-spacing': ['error', { before: false, after: true }],
         'comma-style': [ 'error', 'last' ],
diff --git a/packages/eslint-config-kibana/typescript.js b/packages/eslint-config-kibana/typescript.js
index 8ffae5edc88eb..3337bfc8eb101 100644
--- a/packages/eslint-config-kibana/typescript.js
+++ b/packages/eslint-config-kibana/typescript.js
@@ -94,7 +94,7 @@ module.exports = {
           '@typescript-eslint/camelcase': ['error', {
             'properties': 'never',
             'ignoreDestructuring': true,
-            'allow': ['^[A-Z0-9_]+$']
+            'allow': ['^[A-Z0-9_]+$', '^UNSAFE_']
           }],
           '@typescript-eslint/class-name-casing': 'error',
           '@typescript-eslint/explicit-member-accessibility': ['error',
diff --git a/packages/kbn-ui-framework/doc_site/src/components/guide_nav/guide_nav.js b/packages/kbn-ui-framework/doc_site/src/components/guide_nav/guide_nav.js
index 53bc42ce33276..cb4654522e4e3 100644
--- a/packages/kbn-ui-framework/doc_site/src/components/guide_nav/guide_nav.js
+++ b/packages/kbn-ui-framework/doc_site/src/components/guide_nav/guide_nav.js
@@ -47,7 +47,7 @@ export class GuideNav extends Component {
     });
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const currentRoute = nextProps.routes[1];
     const nextRoute = this.props.getNextRoute(currentRoute.name);
     const previousRoute = this.props.getPreviousRoute(currentRoute.name);
diff --git a/packages/kbn-ui-framework/doc_site/src/components/guide_sandbox/guide_sandbox.js b/packages/kbn-ui-framework/doc_site/src/components/guide_sandbox/guide_sandbox.js
index 6d4c9cddae0be..f5a71bfb1b296 100644
--- a/packages/kbn-ui-framework/doc_site/src/components/guide_sandbox/guide_sandbox.js
+++ b/packages/kbn-ui-framework/doc_site/src/components/guide_sandbox/guide_sandbox.js
@@ -49,7 +49,7 @@ function mapDispatchToProps(dispatch) {
 }
 
 class GuideSandboxComponent extends Component {
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.openSandbox();
   }
 
diff --git a/packages/kbn-ui-framework/doc_site/src/components/guide_section/guide_section.js b/packages/kbn-ui-framework/doc_site/src/components/guide_section/guide_section.js
index 99a68e9575114..dbad59ffb3bd5 100644
--- a/packages/kbn-ui-framework/doc_site/src/components/guide_section/guide_section.js
+++ b/packages/kbn-ui-framework/doc_site/src/components/guide_section/guide_section.js
@@ -36,7 +36,7 @@ export class GuideSection extends Component {
     this.props.openCodeViewer(this.props.source, this.props.title);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.registerSection(this.getId(), this.props.title);
   }
 
diff --git a/packages/kbn-ui-framework/doc_site/src/views/app_view.js b/packages/kbn-ui-framework/doc_site/src/views/app_view.js
index 7a9d7a01b820a..fc14417564d72 100644
--- a/packages/kbn-ui-framework/doc_site/src/views/app_view.js
+++ b/packages/kbn-ui-framework/doc_site/src/views/app_view.js
@@ -81,7 +81,7 @@ export class AppView extends Component {
     });
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     // Only force the chrome to be hidden if we're navigating from a non-sandbox to a sandbox.
     if (!this.props.isSandbox && nextProps.isSandbox) {
       this.setState({
diff --git a/src/legacy/core_plugins/input_control_vis/public/components/editor/field_select.js b/src/legacy/core_plugins/input_control_vis/public/components/editor/field_select.js
index 11c6f27af38c5..ce7d48a3f1376 100644
--- a/src/legacy/core_plugins/input_control_vis/public/components/editor/field_select.js
+++ b/src/legacy/core_plugins/input_control_vis/public/components/editor/field_select.js
@@ -49,7 +49,7 @@ class FieldSelectUi extends Component {
     this.loadFields(this.state.indexPatternId);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.indexPatternId !== nextProps.indexPatternId) {
       this.loadFields(nextProps.indexPatternId);
     }
diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/tutorial.js b/src/legacy/core_plugins/kibana/public/home/components/tutorial/tutorial.js
index 086fa5a059121..567bb3f83f22c 100644
--- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/tutorial.js
+++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/tutorial.js
@@ -67,7 +67,7 @@ class TutorialUi extends React.Component {
     }
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this._isMounted = true;
   }
 
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js
index df90abce00e48..d0441ce3ceb8b 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/components/indices_list/indices_list.js
@@ -61,7 +61,7 @@ export class IndicesList extends Component {
     this.pager = new Pager(props.indices.length, this.state.perPage, this.state.page);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.indices.length !== this.props.indices.length) {
       this.pager.setTotalItems(nextProps.indices.length);
       this.resetPageTo0();
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js
index 617262c13b034..4764b516dffec 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/components/step_index_pattern/step_index_pattern.js
@@ -75,7 +75,7 @@ export class StepIndexPattern extends Component {
     this.lastQuery = null;
   }
 
-  async componentWillMount() {
+  async UNSAFE_componentWillMount() {
     this.fetchExistingIndexPatterns();
     if (this.state.query) {
       this.lastQuery = this.state.query;
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/create_index_pattern_wizard.js b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/create_index_pattern_wizard.js
index a1f302dc87f6c..566277802174a 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/create_index_pattern_wizard.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/create_index_pattern_wizard/create_index_pattern_wizard.js
@@ -65,7 +65,7 @@ export class CreateIndexPatternWizard extends Component {
     };
   }
 
-  async componentWillMount() {
+  async UNSAFE_componentWillMount() {
     this.fetchData();
   }
 
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/indexed_fields_table/indexed_fields_table.js b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/indexed_fields_table/indexed_fields_table.js
index cb1c316c8af9b..b32c325e93653 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/indexed_fields_table/indexed_fields_table.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/indexed_fields_table/indexed_fields_table.js
@@ -47,7 +47,7 @@ export class IndexedFieldsTable extends Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.fields !== this.props.fields) {
       this.setState({
         fields: this.mapFields(nextProps.fields)
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/scripted_fields_table.js b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/scripted_fields_table.js
index d91f4836ee1d8..c7677955a8069 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/scripted_fields_table.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/scripted_fields_table/scripted_fields_table.js
@@ -59,7 +59,7 @@ export class ScriptedFieldsTable extends Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.fetchFields();
   }
 
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/source_filters_table.js b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/source_filters_table.js
index ba93485a1739a..1201e23c48e44 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/source_filters_table.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/index_patterns/edit_index_pattern/source_filters_table/source_filters_table.js
@@ -58,7 +58,7 @@ export class SourceFiltersTable extends Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.updateFilters();
   }
 
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/relationships/relationships.js b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/relationships/relationships.js
index 278f7de38b19d..ee9fb70e31fb2 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/relationships/relationships.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/objects/components/objects_table/components/relationships/relationships.js
@@ -58,11 +58,11 @@ export class Relationships extends Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.getRelationshipData();
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.savedObject.id !== this.props.savedObject.id) {
       this.getRelationshipData();
     }
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/settings/advanced_settings.js b/src/legacy/core_plugins/kibana/public/management/sections/settings/advanced_settings.js
index c2dabdffb2cd2..525f8495027c1 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/settings/advanced_settings.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/settings/advanced_settings.js
@@ -81,7 +81,7 @@ export class AdvancedSettings extends Component {
     }, {});
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { config } = nextProps;
     const { query } = this.state;
 
diff --git a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/field.js b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/field.js
index a953d09906ed1..c790930e32aa0 100644
--- a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/field.js
+++ b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/field/field.js
@@ -76,7 +76,7 @@ export class Field extends PureComponent {
     this.changeImageForm = null;
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { unsavedValue } = this.state;
     const { type, value, defVal } = nextProps.setting;
     const editableValue = this.getEditableValue(type, value, defVal);
diff --git a/src/legacy/core_plugins/telemetry/public/components/telemetry_form.js b/src/legacy/core_plugins/telemetry/public/components/telemetry_form.js
index 6c6ace71af4d0..d4bbe1029b40d 100644
--- a/src/legacy/core_plugins/telemetry/public/components/telemetry_form.js
+++ b/src/legacy/core_plugins/telemetry/public/components/telemetry_form.js
@@ -52,7 +52,7 @@ export class TelemetryForm extends Component {
     queryMatches: null,
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       query
     } = nextProps;
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/calculation.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/calculation.js
index 2eefeb35c26ff..76306ecf28994 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/calculation.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/calculation.js
@@ -42,7 +42,7 @@ import {
 } from '@elastic/eui';
 
 export class CalculationAgg extends Component {
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     if (!this.props.model.variables) {
       this.props.onChange(
         _.assign({}, this.props.model, {
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/math.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/math.js
index a73460798ebd8..c62012927f951 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/math.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/math.js
@@ -42,7 +42,7 @@ import {
 import { FormattedMessage } from '@kbn/i18n/react';
 
 export class MathAgg extends Component {
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     if (!this.props.model.variables) {
       this.props.onChange(
         _.assign({}, this.props.model, {
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/percentile.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/percentile.js
index ec16a0f2eb3ee..3ce5be5b6875a 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/percentile.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/aggs/percentile.js
@@ -42,7 +42,7 @@ const RESTRICT_FIELDS = [KBN_FIELD_TYPES.NUMBER];
 export class PercentileAgg extends Component {
   // eslint-disable-line react/no-multi-comp
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     if (!this.props.model.percentiles) {
       this.props.onChange(
         _.assign({}, this.props.model, {
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/gauge.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/gauge.js
index 6da10f6a80816..19770519ef010 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/gauge.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/gauge.js
@@ -52,7 +52,7 @@ class GaugePanelConfigUi extends Component {
     this.state = { selectedTab: 'data' };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { model } = this.props;
     const parts = {};
     if (
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/metric.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/metric.js
index 705adc07e7314..526649766a008 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/metric.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/metric.js
@@ -48,7 +48,7 @@ export class MetricPanelConfig extends Component {
     this.state = { selectedTab: 'data' };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { model } = this.props;
     if (
       !model.background_color_rules ||
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/table.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/table.js
index 029962f189aff..3acaa728bb50f 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/table.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/table.js
@@ -51,7 +51,7 @@ export class TablePanelConfig extends Component {
     this.state = { selectedTab: 'data' };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { model } = this.props;
     const parts = {};
     if (!model.bar_color_rules || (model.bar_color_rules && model.bar_color_rules.length === 0)) {
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/top_n.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/top_n.js
index 8f5619909754e..7dbecb9e674b0 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/top_n.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/panel_config/top_n.js
@@ -51,7 +51,7 @@ export class TopNPanelConfig extends Component {
     this.state = { selectedTab: 'data' };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { model } = this.props;
     const parts = {};
     if (!model.bar_color_rules || (model.bar_color_rules && model.bar_color_rules.length === 0)) {
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/split.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/split.js
index fe91cb39f4ace..d1c53899db879 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/split.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/split.js
@@ -37,7 +37,7 @@ const SPLIT_MODES = {
 };
 
 export class Split extends Component {
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { model } = nextProps;
     if (model.split_mode === 'filters' && !model.split_filters) {
       this.props.onChange({
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/components/vis_types/table/config.js b/src/legacy/core_plugins/vis_type_timeseries/public/components/vis_types/table/config.js
index d0e3acb2ef2fa..a917a93ffbf5e 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/components/vis_types/table/config.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/components/vis_types/table/config.js
@@ -44,7 +44,7 @@ import { getDefaultQueryLanguage } from '../../lib/get_default_query_language';
 
 import { QueryBarWrapper } from '../../query_bar_wrapper';
 class TableSeriesConfigUI extends Component {
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { model } = this.props;
     if (!model.color_rules || (model.color_rules && model.color_rules.length === 0)) {
       this.props.onChange({
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge.js b/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge.js
index 68b738503c9b3..3be2e9daed58c 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge.js
@@ -42,7 +42,7 @@ export class Gauge extends Component {
     this.handleResize = this.handleResize.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const check = () => {
       this.timeout = setTimeout(() => {
         const newState = calculateCoordinates(this.inner, this.resize, this.state);
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge_vis.js b/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge_vis.js
index aa4ac99243397..d66eddae253a1 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge_vis.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/gauge_vis.js
@@ -37,7 +37,7 @@ export class GaugeVis extends Component {
     this.handleResize = this.handleResize.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const check = () => {
       this.timeout = setTimeout(() => {
         const newState = calculateCoordinates(this.inner, this.resize, this.state);
diff --git a/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/metric.js b/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/metric.js
index d6831769c6a6a..004d59efca333 100644
--- a/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/metric.js
+++ b/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/metric.js
@@ -37,7 +37,7 @@ export class Metric extends Component {
     this.handleResize = this.handleResize.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const check = () => {
       this.timeout = setTimeout(() => {
         const newState = calculateCoordinates(this.inner, this.resize, this.state);
diff --git a/src/legacy/ui/public/exit_full_screen/exit_full_screen_button.tsx b/src/legacy/ui/public/exit_full_screen/exit_full_screen_button.tsx
index 2e9a39b047e0b..db4101010f6d6 100644
--- a/src/legacy/ui/public/exit_full_screen/exit_full_screen_button.tsx
+++ b/src/legacy/ui/public/exit_full_screen/exit_full_screen_button.tsx
@@ -31,7 +31,7 @@ interface Props {
 }
 
 export class ExitFullScreenButton extends PureComponent<Props> {
-  public componentWillMount() {
+  public UNSAFE_componentWillMount() {
     chrome.setVisible(false);
   }
 
diff --git a/src/plugins/data/public/ui/index_pattern_select/index_pattern_select.tsx b/src/plugins/data/public/ui/index_pattern_select/index_pattern_select.tsx
index f868e4b1f7504..f41024ed16191 100644
--- a/src/plugins/data/public/ui/index_pattern_select/index_pattern_select.tsx
+++ b/src/plugins/data/public/ui/index_pattern_select/index_pattern_select.tsx
@@ -88,7 +88,7 @@ export class IndexPatternSelect extends Component<IndexPatternSelectProps> {
     this.fetchSelectedIndexPattern(this.props.indexPatternId);
   }
 
-  componentWillReceiveProps(nextProps: IndexPatternSelectProps) {
+  UNSAFE_componentWillReceiveProps(nextProps: IndexPatternSelectProps) {
     if (nextProps.indexPatternId !== this.props.indexPatternId) {
       this.fetchSelectedIndexPattern(nextProps.indexPatternId);
     }
diff --git a/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx b/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx
index cad095a6b0814..2b48bf237829c 100644
--- a/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx
+++ b/src/plugins/embeddable/public/lib/panel/embeddable_panel.tsx
@@ -102,7 +102,7 @@ export class EmbeddablePanel extends React.Component<Props, State> {
     }
   }
 
-  public componentWillMount() {
+  public UNSAFE_componentWillMount() {
     this.mounted = true;
     const { embeddable } = this.props;
     const { parent } = embeddable;
diff --git a/src/plugins/kibana_react/public/exit_full_screen_button/exit_full_screen_button.tsx b/src/plugins/kibana_react/public/exit_full_screen_button/exit_full_screen_button.tsx
index a880d3c6cf87c..09e702c55ac78 100644
--- a/src/plugins/kibana_react/public/exit_full_screen_button/exit_full_screen_button.tsx
+++ b/src/plugins/kibana_react/public/exit_full_screen_button/exit_full_screen_button.tsx
@@ -35,7 +35,7 @@ class ExitFullScreenButtonUi extends PureComponent<ExitFullScreenButtonProps> {
     }
   };
 
-  public componentWillMount() {
+  public UNSAFE_componentWillMount() {
     document.addEventListener('keydown', this.onKeyDown, false);
   }
 
diff --git a/src/plugins/kibana_react/public/table_list_view/table_list_view.tsx b/src/plugins/kibana_react/public/table_list_view/table_list_view.tsx
index dde8efa7e1106..e3be0b08ab83f 100644
--- a/src/plugins/kibana_react/public/table_list_view/table_list_view.tsx
+++ b/src/plugins/kibana_react/public/table_list_view/table_list_view.tsx
@@ -112,7 +112,7 @@ class TableListView extends React.Component<TableListViewProps, TableListViewSta
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this._isMounted = true;
   }
 
diff --git a/x-pack/legacy/plugins/beats_management/public/components/inputs/code_editor.tsx b/x-pack/legacy/plugins/beats_management/public/components/inputs/code_editor.tsx
index 508649d6ad22d..6ec2a7f02f3a3 100644
--- a/x-pack/legacy/plugins/beats_management/public/components/inputs/code_editor.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/components/inputs/code_editor.tsx
@@ -41,7 +41,7 @@ class CodeEditor extends Component<
     setValue(defaultValue || '');
   }
 
-  public componentWillReceiveProps(nextProps: ComponentProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: ComponentProps) {
     if (nextProps.isFormSubmitted()) {
       this.showError();
     }
diff --git a/x-pack/legacy/plugins/beats_management/public/components/inputs/input.tsx b/x-pack/legacy/plugins/beats_management/public/components/inputs/input.tsx
index a96fb493c4ab2..0e07c2b4960b7 100644
--- a/x-pack/legacy/plugins/beats_management/public/components/inputs/input.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/components/inputs/input.tsx
@@ -40,7 +40,7 @@ class FieldText extends Component<
     }
   }
 
-  public componentWillReceiveProps(nextProps: ComponentProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: ComponentProps) {
     if (nextProps.isFormSubmitted()) {
       this.showError();
     }
diff --git a/x-pack/legacy/plugins/beats_management/public/components/inputs/multi_input.tsx b/x-pack/legacy/plugins/beats_management/public/components/inputs/multi_input.tsx
index 30e4290c64158..155917c894f42 100644
--- a/x-pack/legacy/plugins/beats_management/public/components/inputs/multi_input.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/components/inputs/multi_input.tsx
@@ -42,7 +42,7 @@ class MultiFieldText extends Component<
     }
   }
 
-  public componentWillReceiveProps(nextProps: ComponentProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: ComponentProps) {
     if (nextProps.isFormSubmitted()) {
       this.showError();
     }
diff --git a/x-pack/legacy/plugins/beats_management/public/components/inputs/select.tsx b/x-pack/legacy/plugins/beats_management/public/components/inputs/select.tsx
index 65b1f8677e384..f7bf197395ccb 100644
--- a/x-pack/legacy/plugins/beats_management/public/components/inputs/select.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/components/inputs/select.tsx
@@ -49,7 +49,7 @@ class FieldSelect extends Component<
     }
   }
 
-  public componentWillReceiveProps(nextProps: ComponentProps) {
+  public UNSAFE_componentWillReceiveProps(nextProps: ComponentProps) {
     if (nextProps.isFormSubmitted()) {
       this.showError();
     }
diff --git a/x-pack/legacy/plugins/beats_management/public/pages/beat/details.tsx b/x-pack/legacy/plugins/beats_management/public/pages/beat/details.tsx
index 9b3707b1661f4..3eaf550cb8c77 100644
--- a/x-pack/legacy/plugins/beats_management/public/pages/beat/details.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/pages/beat/details.tsx
@@ -52,7 +52,7 @@ class BeatDetailPageUi extends React.PureComponent<PageProps, PageState> {
     };
   }
 
-  public async componentWillMount() {
+  public async UNSAFE_componentWillMount() {
     const tags = await this.props.libs.tags.getTagsWithIds(this.props.beat.tags);
     const blocksResult = await this.props.libs.configBlocks.getForTags(
       this.props.beat.tags,
diff --git a/x-pack/legacy/plugins/beats_management/public/pages/beat/tags.tsx b/x-pack/legacy/plugins/beats_management/public/pages/beat/tags.tsx
index 3cbb84dfb954b..672c0d89bb002 100644
--- a/x-pack/legacy/plugins/beats_management/public/pages/beat/tags.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/pages/beat/tags.tsx
@@ -34,7 +34,7 @@ export class BeatTagsPage extends React.PureComponent<BeatTagsPageProps, BeatTag
     };
   }
 
-  public componentWillMount() {
+  public UNSAFE_componentWillMount() {
     this.updateBeatsData();
   }
 
diff --git a/x-pack/legacy/plugins/beats_management/public/pages/tag/edit.tsx b/x-pack/legacy/plugins/beats_management/public/pages/tag/edit.tsx
index cb2cb771956e7..553128df76baa 100644
--- a/x-pack/legacy/plugins/beats_management/public/pages/tag/edit.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/pages/tag/edit.tsx
@@ -54,7 +54,7 @@ class TagEditPageComponent extends React.PureComponent<
     };
   }
 
-  public componentWillMount() {
+  public UNSAFE_componentWillMount() {
     this.loadTag();
     this.loadAttachedBeats();
     this.loadConfigBlocks();
diff --git a/x-pack/legacy/plugins/beats_management/public/router.tsx b/x-pack/legacy/plugins/beats_management/public/router.tsx
index 9a711615ab3ed..ec7aceaa6d747 100644
--- a/x-pack/legacy/plugins/beats_management/public/router.tsx
+++ b/x-pack/legacy/plugins/beats_management/public/router.tsx
@@ -32,7 +32,7 @@ export class AppRouter extends Component<RouterProps, RouterState> {
     };
   }
 
-  public async componentWillMount() {
+  public async UNSAFE_componentWillMount() {
     if (this.state.loading === true) {
       try {
         await this.props.beatsContainer.reload();
diff --git a/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/time_filter/components/time_picker/time_picker.tsx b/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/time_filter/components/time_picker/time_picker.tsx
index 66a7aa0639dba..fb0baa22c16f4 100644
--- a/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/time_filter/components/time_picker/time_picker.tsx
+++ b/x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/time_filter/components/time_picker/time_picker.tsx
@@ -48,7 +48,7 @@ export class TimePicker extends Component<Props, State> {
   };
 
   // TODO: Refactor to no longer use componentWillReceiveProps since it is being deprecated
-  componentWillReceiveProps({ from, to }: Props) {
+  UNSAFE_componentWillReceiveProps({ from, to }: Props) {
     if (from !== this.props.from || to !== this.props.to) {
       this.setState({
         range: { from, to },
diff --git a/x-pack/legacy/plugins/canvas/public/components/arg_form/arg_template_form.js b/x-pack/legacy/plugins/canvas/public/components/arg_form/arg_template_form.js
index c11f6d0c78bb4..947c3741c735b 100644
--- a/x-pack/legacy/plugins/canvas/public/components/arg_form/arg_template_form.js
+++ b/x-pack/legacy/plugins/canvas/public/components/arg_form/arg_template_form.js
@@ -28,7 +28,7 @@ class ArgTemplateFormComponent extends React.Component {
     errorTemplate: PropTypes.oneOfType([PropTypes.element, PropTypes.func]).isRequired,
   };
 
-  componentWillUpdate(prevProps) {
+  UNSAFE_componentWillUpdate(prevProps) {
     //see if error state changed
     if (this.props.error !== prevProps.error) {
       this.props.handlers.destroy();
diff --git a/x-pack/legacy/plugins/canvas/public/components/enhance/stateful_prop.js b/x-pack/legacy/plugins/canvas/public/components/enhance/stateful_prop.js
index 425a7885a94d5..9e035db80b4d9 100644
--- a/x-pack/legacy/plugins/canvas/public/components/enhance/stateful_prop.js
+++ b/x-pack/legacy/plugins/canvas/public/components/enhance/stateful_prop.js
@@ -20,7 +20,7 @@ export function createStatefulPropHoc(fieldname, updater = 'updateValue') {
         };
       }
 
-      componentWillReceiveProps(nextProps) {
+      UNSAFE_componentWillReceiveProps(nextProps) {
         this.setState({ value: nextProps[fieldname] });
       }
 
diff --git a/x-pack/legacy/plugins/canvas/public/components/fullscreen/fullscreen.js b/x-pack/legacy/plugins/canvas/public/components/fullscreen/fullscreen.js
index 0c0fd11a842b2..eb982d015a212 100644
--- a/x-pack/legacy/plugins/canvas/public/components/fullscreen/fullscreen.js
+++ b/x-pack/legacy/plugins/canvas/public/components/fullscreen/fullscreen.js
@@ -20,7 +20,7 @@ export class Fullscreen extends React.Component {
     height: 0,
   };
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.win = getWindow();
     this.setState({
       width: this.win.innerWidth,
diff --git a/x-pack/legacy/plugins/canvas/public/components/function_form/function_form_context_pending.js b/x-pack/legacy/plugins/canvas/public/components/function_form/function_form_context_pending.js
index 3b43365b5dc8b..10ad835c04169 100644
--- a/x-pack/legacy/plugins/canvas/public/components/function_form/function_form_context_pending.js
+++ b/x-pack/legacy/plugins/canvas/public/components/function_form/function_form_context_pending.js
@@ -20,7 +20,7 @@ export class FunctionFormContextPending extends React.PureComponent {
     this.fetchContext(this.props);
   }
 
-  componentWillReceiveProps(newProps) {
+  UNSAFE_componentWillReceiveProps(newProps) {
     const oldContext = this.props.contextExpression;
     const newContext = newProps.contextExpression;
     const forceUpdate = newProps.expressionType.requiresContext && oldContext !== newContext;
diff --git a/x-pack/legacy/plugins/canvas/public/components/render_with_fn/render_with_fn.js b/x-pack/legacy/plugins/canvas/public/components/render_with_fn/render_with_fn.js
index 4bf816939a364..ce27e99256fc6 100644
--- a/x-pack/legacy/plugins/canvas/public/components/render_with_fn/render_with_fn.js
+++ b/x-pack/legacy/plugins/canvas/public/components/render_with_fn/render_with_fn.js
@@ -42,7 +42,7 @@ export class RenderWithFn extends React.Component {
     this.renderTarget = null;
   }
 
-  componentWillReceiveProps({ renderFn }) {
+  UNSAFE_componentWillReceiveProps({ renderFn }) {
     const newRenderFunction = renderFn !== this.props.renderFn;
 
     if (newRenderFunction) {
diff --git a/x-pack/legacy/plugins/canvas/public/components/router/router.js b/x-pack/legacy/plugins/canvas/public/components/router/router.js
index 299d0a3e96085..b2e4d540b89d8 100644
--- a/x-pack/legacy/plugins/canvas/public/components/router/router.js
+++ b/x-pack/legacy/plugins/canvas/public/components/router/router.js
@@ -37,7 +37,7 @@ export class Router extends React.PureComponent {
     return { router };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     // routerProvider is a singleton, and will only ever return one instance
     const { routes, onRouteChange, onLoad, onError } = this.props;
     const router = routerProvider(routes);
diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js b/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js
index 239670dcef50a..f8d6fb0bd76ce 100644
--- a/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js
+++ b/x-pack/legacy/plugins/canvas/public/components/workpad_loader/workpad_loader.js
@@ -70,7 +70,7 @@ export class WorkpadLoader extends React.PureComponent {
     this._isMounted = true;
   }
 
-  componentWillReceiveProps(newProps) {
+  UNSAFE_componentWillReceiveProps(newProps) {
     // the workpadId prop will change when a is created or loaded, close the toolbar when it does
     const { workpadId, onClose } = this.props;
     if (workpadId !== newProps.workpadId) {
diff --git a/x-pack/legacy/plugins/cross_cluster_replication/public/app/app.js b/x-pack/legacy/plugins/cross_cluster_replication/public/app/app.js
index f0ae17c6bb8d4..37d1305d667bf 100644
--- a/x-pack/legacy/plugins/cross_cluster_replication/public/app/app.js
+++ b/x-pack/legacy/plugins/cross_cluster_replication/public/app/app.js
@@ -56,7 +56,7 @@ export class App extends Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     routing.userHasLeftApp = false;
   }
 
diff --git a/x-pack/legacy/plugins/index_lifecycle_management/public/sections/edit_policy/components/node_attrs_details/node_attrs_details.js b/x-pack/legacy/plugins/index_lifecycle_management/public/sections/edit_policy/components/node_attrs_details/node_attrs_details.js
index 81272c748f60a..2478dec36547c 100644
--- a/x-pack/legacy/plugins/index_lifecycle_management/public/sections/edit_policy/components/node_attrs_details/node_attrs_details.js
+++ b/x-pack/legacy/plugins/index_lifecycle_management/public/sections/edit_policy/components/node_attrs_details/node_attrs_details.js
@@ -27,7 +27,7 @@ export class NodeAttrsDetails extends PureComponent {
     selectedNodeAttrs: PropTypes.string.isRequired,
   };
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.fetchNodeDetails(this.props.selectedNodeAttrs);
   }
 
diff --git a/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/edit_settings_json/edit_settings_json.js b/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/edit_settings_json/edit_settings_json.js
index fe919ed7ae6b7..92b46e8e0da00 100644
--- a/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/edit_settings_json/edit_settings_json.js
+++ b/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/edit_settings_json/edit_settings_json.js
@@ -56,7 +56,7 @@ export class EditSettingsJson extends React.PureComponent {
     }
     return newSettings;
   }
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { indexName } = this.props;
     this.props.loadIndexData({ dataType: TAB_SETTINGS, indexName });
   }
diff --git a/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/show_json/show_json.js b/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/show_json/show_json.js
index d41be90ba6ad3..854ccba2d3d19 100644
--- a/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/show_json/show_json.js
+++ b/x-pack/legacy/plugins/index_management/public/app/sections/home/index_list/detail_panel/show_json/show_json.js
@@ -10,10 +10,10 @@ import { EuiCodeEditor } from '@elastic/eui';
 import 'brace/theme/textmate';
 
 export class ShowJson extends React.PureComponent {
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.loadIndexData(this.props);
   }
-  componentWillUpdate(newProps) {
+  UNSAFE_componentWillUpdate(newProps) {
     const { data, loadIndexData } = newProps;
     if (!data) {
       loadIndexData(newProps);
diff --git a/x-pack/legacy/plugins/license_management/public/sections/license_dashboard/start_trial/start_trial.js b/x-pack/legacy/plugins/license_management/public/sections/license_dashboard/start_trial/start_trial.js
index 6b3bc1f106531..20b130d80a211 100644
--- a/x-pack/legacy/plugins/license_management/public/sections/license_dashboard/start_trial/start_trial.js
+++ b/x-pack/legacy/plugins/license_management/public/sections/license_dashboard/start_trial/start_trial.js
@@ -36,7 +36,7 @@ export class StartTrial extends React.PureComponent {
     super(props);
     this.state = { showConfirmation: false };
   }
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.loadTrialStatus();
   }
   startLicenseTrial = () => {
diff --git a/x-pack/legacy/plugins/maps/public/components/map_listing.js b/x-pack/legacy/plugins/maps/public/components/map_listing.js
index 5a9cb54109363..6fb5930e81a20 100644
--- a/x-pack/legacy/plugins/maps/public/components/map_listing.js
+++ b/x-pack/legacy/plugins/maps/public/components/map_listing.js
@@ -44,7 +44,7 @@ export class MapListing extends React.Component {
     perPage: 20,
   };
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this._isMounted = true;
   }
 
diff --git a/x-pack/legacy/plugins/monitoring/public/components/chart/chart_target.js b/x-pack/legacy/plugins/monitoring/public/components/chart/chart_target.js
index 5443d6cbee6b5..78501aca566f6 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/chart/chart_target.js
+++ b/x-pack/legacy/plugins/monitoring/public/components/chart/chart_target.js
@@ -47,7 +47,7 @@ export class ChartTarget extends React.Component {
     return (_metric) => true;
   }
 
-  componentWillReceiveProps(newProps) {
+  UNSAFE_componentWillReceiveProps(newProps) {
     if (this.plot && !_.isEqual(newProps, this.props)) {
       const { series, timeRange } = newProps;
 
diff --git a/x-pack/legacy/plugins/monitoring/public/components/chart/timeseries_visualization.js b/x-pack/legacy/plugins/monitoring/public/components/chart/timeseries_visualization.js
index 1ae997c5ebaa4..540460478cf53 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/chart/timeseries_visualization.js
+++ b/x-pack/legacy/plugins/monitoring/public/components/chart/timeseries_visualization.js
@@ -101,7 +101,7 @@ export class TimeseriesVisualization extends React.Component {
   }
 
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     const values = this.getLastValues(props);
     const currentKeys = _.keys(this.state.values);
     const keys = _.keys(values);
diff --git a/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/shard_allocation/components/cluster_view.js b/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/shard_allocation/components/cluster_view.js
index 8c85c40951777..a4640fa45119b 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/shard_allocation/components/cluster_view.js
+++ b/x-pack/legacy/plugins/monitoring/public/components/elasticsearch/shard_allocation/components/cluster_view.js
@@ -43,7 +43,7 @@ export class ClusterView extends React.Component {
     this.setState({ shardStats: stats });
   };
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.scope.$watch('showing', this.setShowing);
     this.props.scope.$watch(() => this.props.scope.pageData.shardStats, this.setShardStats);
   }
diff --git a/x-pack/legacy/plugins/monitoring/public/components/renderers/setup_mode.js b/x-pack/legacy/plugins/monitoring/public/components/renderers/setup_mode.js
index dadb31f2cc83b..83c42c6dff37b 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/renderers/setup_mode.js
+++ b/x-pack/legacy/plugins/monitoring/public/components/renderers/setup_mode.js
@@ -35,7 +35,7 @@ export class SetupModeRenderer extends React.Component {
     isSettingUpNew: false,
   };
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { scope, injector } = this.props;
     initSetupModeState(scope, injector, _oldData => {
       const newState = { renderState: true };
diff --git a/x-pack/legacy/plugins/monitoring/public/components/sparkline/index.js b/x-pack/legacy/plugins/monitoring/public/components/sparkline/index.js
index 49d4dcfbf9a66..6f52a82c40820 100644
--- a/x-pack/legacy/plugins/monitoring/public/components/sparkline/index.js
+++ b/x-pack/legacy/plugins/monitoring/public/components/sparkline/index.js
@@ -22,7 +22,7 @@ export class Sparkline extends React.Component {
     };
   }
 
-  componentWillReceiveProps({ series, options }) {
+  UNSAFE_componentWillReceiveProps({ series, options }) {
     if (!isEqual(options, this.props.options)) {
       this.sparklineFlotChart.shutdown();
       this.makeSparklineFlotChart(options);
diff --git a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/edit_role_page.tsx b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/edit_role_page.tsx
index b91c67b8f7d0a..c5bf910b007d0 100644
--- a/x-pack/legacy/plugins/security/public/views/management/edit_role/components/edit_role_page.tsx
+++ b/x-pack/legacy/plugins/security/public/views/management/edit_role/components/edit_role_page.tsx
@@ -86,7 +86,7 @@ class EditRolePageUI extends Component<Props, State> {
     };
   }
 
-  public componentWillMount() {
+  public UNSAFE_componentWillMount() {
     if (this.props.action === 'clone' && isReservedRole(this.props.role)) {
       this.backToRoleList();
     }
diff --git a/x-pack/legacy/plugins/upgrade_assistant/public/np_ready/application/components/tabs/overview/deprecation_logging_toggle.tsx b/x-pack/legacy/plugins/upgrade_assistant/public/np_ready/application/components/tabs/overview/deprecation_logging_toggle.tsx
index 97eb284c7b771..db37bc58904ec 100644
--- a/x-pack/legacy/plugins/upgrade_assistant/public/np_ready/application/components/tabs/overview/deprecation_logging_toggle.tsx
+++ b/x-pack/legacy/plugins/upgrade_assistant/public/np_ready/application/components/tabs/overview/deprecation_logging_toggle.tsx
@@ -36,7 +36,7 @@ export class DeprecationLoggingToggleUI extends React.Component<
     };
   }
 
-  public componentWillMount() {
+  public UNSAFE_componentWillMount() {
     this.loadData();
   }