From 7aa7dff0b666734c19f33b5f4cfeed546e5772f3 Mon Sep 17 00:00:00 2001
From: Hossein Moradi Davijani <moradidavijani@gmail.com>
Date: Mon, 12 Aug 2019 22:31:40 +0430
Subject: [PATCH] React 16.9.0 deprecated lifecycles (#861)

---
 examples/deckgl-overlay/view.js         | 2 +-
 examples/main/example-container.js      | 2 +-
 examples/main/views/style-diffing.js    | 2 +-
 src/components/interactive-map.js       | 2 +-
 website/src/components/app.js           | 2 +-
 website/src/components/markdown-page.js | 2 +-
 website/src/components/page.js          | 2 +-
 7 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/examples/deckgl-overlay/view.js b/examples/deckgl-overlay/view.js
index 26c037ea..e764dc4e 100644
--- a/examples/deckgl-overlay/view.js
+++ b/examples/deckgl-overlay/view.js
@@ -93,7 +93,7 @@ export default class Example extends Component {
     autobind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const colors = ['red', 'green', 'blue'];
     let i = 0;
     window.setInterval(
diff --git a/examples/main/example-container.js b/examples/main/example-container.js
index 2475d59b..8943aa7d 100644
--- a/examples/main/example-container.js
+++ b/examples/main/example-container.js
@@ -32,7 +32,7 @@ export default class App extends Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     window.onresize = () =>
       this.setState({
         viewport: {
diff --git a/examples/main/views/style-diffing.js b/examples/main/views/style-diffing.js
index 592ac998..87ea0ce3 100644
--- a/examples/main/views/style-diffing.js
+++ b/examples/main/views/style-diffing.js
@@ -80,7 +80,7 @@ export default class StyleDiffingExample extends Component {
     this._onClick = this._onClick.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const colors = ['red', 'green', 'blue'];
     let i = 0;
     this._intervalId = window.setInterval(
diff --git a/src/components/interactive-map.js b/src/components/interactive-map.js
index 6d1b0999..71756043 100644
--- a/src/components/interactive-map.js
+++ b/src/components/interactive-map.js
@@ -245,7 +245,7 @@ export default class InteractiveMap extends PureComponent<InteractiveMapProps, S
     this._updateInteractiveContext({mapContainer});
   }
 
-  componentWillUpdate(nextProps: InteractiveMapProps, nextState: State) {
+  UNSAFE_componentWillUpdate(nextProps: InteractiveMapProps, nextState: State) {
     this._setControllerProps(nextProps);
 
     if (nextState.isDragging !== this.state.isDragging) {
diff --git a/website/src/components/app.js b/website/src/components/app.js
index cd1d14fc..31bc553f 100644
--- a/website/src/components/app.js
+++ b/website/src/components/app.js
@@ -8,7 +8,7 @@ import '../stylesheets/main.scss';
 
 class App extends Component {
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (this.props.location !== nextProps.location) {
       this.props.setHeaderOpacity(1);
       this.props.toggleMenu(false);
diff --git a/website/src/components/markdown-page.js b/website/src/components/markdown-page.js
index 4caf5738..6cfc08c2 100644
--- a/website/src/components/markdown-page.js
+++ b/website/src/components/markdown-page.js
@@ -89,7 +89,7 @@ export default class MarkdownPage extends PureComponent {
     this._jumpTo(this.props.query.section);
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (nextProps.content !== this.props.content) {
       this.setState({
         html: renderMarkdown(nextProps.content)
diff --git a/website/src/components/page.js b/website/src/components/page.js
index ae9fbd85..9f68cca0 100644
--- a/website/src/components/page.js
+++ b/website/src/components/page.js
@@ -14,7 +14,7 @@ class Page extends Component {
     };
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const {route} = nextProps;
     if (this.props.route !== route) {
       this.setState({