diff --git a/packages/data-table/src/enhancers/withFiltering.jsx b/packages/data-table/src/enhancers/withFiltering.jsx
index 3077bbb8..8b109d2d 100644
--- a/packages/data-table/src/enhancers/withFiltering.jsx
+++ b/packages/data-table/src/enhancers/withFiltering.jsx
@@ -39,13 +39,13 @@ function withFiltering(WrappedComponent, pureComponent = true) {
       };
     }
 
-    componentWillMount() {
+    UNSAFE_componentWillMount() {
       if (this.state.filterText) {
         this.handleChangeFilterText(this.state.filterText, this.props);
       }
     }
 
-    componentWillReceiveProps(nextProps) {
+    UNSAFE_componentWillReceiveProps(nextProps) {
       if (nextProps.dataList !== this.props.dataList) {
         this.handleChangeFilterText(this.state.filterText, nextProps);
       }
diff --git a/packages/data-table/src/enhancers/withSorting.jsx b/packages/data-table/src/enhancers/withSorting.jsx
index 24a295b4..cc016f03 100644
--- a/packages/data-table/src/enhancers/withSorting.jsx
+++ b/packages/data-table/src/enhancers/withSorting.jsx
@@ -72,7 +72,7 @@ function withSorting(WrappedComponent, pureComponent = true) {
       };
     }
 
-    componentWillReceiveProps(nextProps) {
+    UNSAFE_componentWillReceiveProps(nextProps) {
       if (nextProps.dataList !== this.props.dataList) {
         this.onSort(this.state, nextProps);
       }
diff --git a/packages/event-flow/src/components/AggregatePanel.jsx b/packages/event-flow/src/components/AggregatePanel.jsx
index d30c0597..9c484f6c 100644
--- a/packages/event-flow/src/components/AggregatePanel.jsx
+++ b/packages/event-flow/src/components/AggregatePanel.jsx
@@ -75,7 +75,7 @@ class AggregatePanel extends React.PureComponent {
     this.resetZoom();
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (Object.keys(nextProps).some(prop => nextProps[prop] !== this.props[prop])) {
       this.resetZoom(nextProps);
       this.setState({ ...AggregatePanel.clearedState() });
diff --git a/packages/event-flow/src/components/App.jsx b/packages/event-flow/src/components/App.jsx
index b615275e..ff4d6850 100644
--- a/packages/event-flow/src/components/App.jsx
+++ b/packages/event-flow/src/components/App.jsx
@@ -82,7 +82,7 @@ class App extends React.PureComponent {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const nextState = {};
     if (this.props.data !== nextProps.data) {
       const { alignByIndex, alignByEventType } = this.state;
diff --git a/packages/event-flow/src/components/SingleSequencesPanel.jsx b/packages/event-flow/src/components/SingleSequencesPanel.jsx
index 45b24ef5..f92dba5e 100644
--- a/packages/event-flow/src/components/SingleSequencesPanel.jsx
+++ b/packages/event-flow/src/components/SingleSequencesPanel.jsx
@@ -75,7 +75,7 @@ class SingleSequencePanel extends React.PureComponent {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       nextProps.sequences &&
       (this.props.sequences !== nextProps.sequences || this.width !== nextProps.width)
diff --git a/packages/event-flow/src/components/Visualization.jsx b/packages/event-flow/src/components/Visualization.jsx
index 92f10a49..f378e47c 100644
--- a/packages/event-flow/src/components/Visualization.jsx
+++ b/packages/event-flow/src/components/Visualization.jsx
@@ -53,7 +53,7 @@ class Visualization extends React.PureComponent {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const updateProps = ['graph'];
     if (updateProps.some(key => nextProps[key] !== this.props[key])) {
       this.setState({
diff --git a/packages/forms/src/StepIncrementer.jsx b/packages/forms/src/StepIncrementer.jsx
index 3086b7a0..17642656 100644
--- a/packages/forms/src/StepIncrementer.jsx
+++ b/packages/forms/src/StepIncrementer.jsx
@@ -69,7 +69,7 @@ class StepIncrementer extends React.Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { value } = this.state;
     const { value: nextValue } = nextProps;
     if (nextValue !== value) {
diff --git a/packages/histogram/src/chart/Histogram.jsx b/packages/histogram/src/chart/Histogram.jsx
index 594305bb..d6e92d2e 100644
--- a/packages/histogram/src/chart/Histogram.jsx
+++ b/packages/histogram/src/chart/Histogram.jsx
@@ -63,7 +63,7 @@ class Histogram extends React.PureComponent {
     this.state = this.getStateFromProps(props);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let shouldComputeBinsAndScales = false;
     // eslint-disable-next-line react/destructuring-assignment
     if (['width', 'height', 'children'].some(prop => this.props[prop] !== nextProps[prop])) {
diff --git a/packages/network/src/chart/Network.jsx b/packages/network/src/chart/Network.jsx
index 28bbc7eb..27c3a57b 100644
--- a/packages/network/src/chart/Network.jsx
+++ b/packages/network/src/chart/Network.jsx
@@ -138,7 +138,7 @@ class Network extends React.PureComponent {
     });
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const {
       graph,
       animated,
diff --git a/packages/sparkline/src/chart/Sparkline.jsx b/packages/sparkline/src/chart/Sparkline.jsx
index aa857649..2d80fe1f 100644
--- a/packages/sparkline/src/chart/Sparkline.jsx
+++ b/packages/sparkline/src/chart/Sparkline.jsx
@@ -69,7 +69,7 @@ class Sparkline extends React.PureComponent {
     this.state = this.getStateFromProps(props);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       [
         // recompute scales if any of the following change
diff --git a/packages/xy-chart/src/chart/Voronoi.jsx b/packages/xy-chart/src/chart/Voronoi.jsx
index 5141dff1..60bb240d 100644
--- a/packages/xy-chart/src/chart/Voronoi.jsx
+++ b/packages/xy-chart/src/chart/Voronoi.jsx
@@ -38,7 +38,7 @@ class Voronoi extends React.PureComponent {
     this.state = { voronoi: Voronoi.getVoronoi(props) };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       ['data', 'x', 'y', 'width', 'height'].some(
         prop => this.props[prop] !== nextProps[prop], // eslint-disable-line react/destructuring-assignment
diff --git a/packages/xy-chart/src/chart/XYChart.jsx b/packages/xy-chart/src/chart/XYChart.jsx
index 60453fac..e602557a 100644
--- a/packages/xy-chart/src/chart/XYChart.jsx
+++ b/packages/xy-chart/src/chart/XYChart.jsx
@@ -129,7 +129,7 @@ class XYChart extends React.PureComponent {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     let shouldComputeScales = false;
     if (
       ['width', 'height', 'children'].some(
diff --git a/packages/xy-chart/src/series/CirclePackSeries.jsx b/packages/xy-chart/src/series/CirclePackSeries.jsx
index 61c073f2..048b46bc 100644
--- a/packages/xy-chart/src/series/CirclePackSeries.jsx
+++ b/packages/xy-chart/src/series/CirclePackSeries.jsx
@@ -39,7 +39,7 @@ class CirclePackSeries extends React.PureComponent {
     this.state = { data: this.computeCirclePack(props) };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     // eslint-disable-next-line react/destructuring-assignment
     if (['data', 'xScale', 'size'].some(prop => this.props[prop] !== nextProps[prop])) {
       this.setState({ data: this.computeCirclePack(nextProps) });
diff --git a/packages/xy-chart/src/utils/brush/Brush.jsx b/packages/xy-chart/src/utils/brush/Brush.jsx
index c7bca694..1fb35b57 100644
--- a/packages/xy-chart/src/utils/brush/Brush.jsx
+++ b/packages/xy-chart/src/utils/brush/Brush.jsx
@@ -96,7 +96,7 @@ export default class Brush extends React.Component {
     this.mouseDownTime = 0;
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (
       ['width', 'height'].some(
         prop => this.props[prop] !== nextProps[prop], // eslint-disable-line react/destructuring-assignment