change UNSAFE_componentWillReceiveProps to getDerivedStateFromProps

src/Components/Brewers.js

@@ -29,9 +29,8 @@ class Brewers extends Component {
     BrewerStore.unsubscribe();
   }
 
-  // Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState){
+    if(nextProps.language!==prevState.language){
       BrewerStore.provideBrewers(nextProps.language);
     }
   }

src/Components/Coffees.js

@@ -28,9 +28,8 @@ class Coffees extends Component {
     CoffeeStore.unsubscribe();
   }
 
-  // Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       CoffeeStore.provideCoffees(nextProps.language);
     }
   }

src/Components/ContactMap.js

@@ -37,8 +37,7 @@ export class MapContainer extends Component {
     }
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  static getDerivedStateFromProps(nextProps) {
     this.focusOnAddress(nextProps.focusOnAddress);
   }
 

src/Components/LatestArticles.js

@@ -32,9 +32,8 @@ class LatestArticles extends Component {
     ArticleStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       ArticleStore.provideArticles(nextProps.language);
       dateFormat.i18n = dateFormats[nextProps.language] || dateFormats[0];
     }

src/Components/TasteOurCoffee.js

@@ -27,9 +27,8 @@ class TasteOurCoffee extends Component {
     CafeStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       CafeStore.provideCompanyCafes(nextProps.language);
     }
   }

src/Pages/About.js

@@ -35,16 +35,15 @@ class About extends Component {
     AboutStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       AboutStore.provideFacts(
-        this.props.language,
-        this.props.match.params.urlSlug
+        prevState.language,
+        prevState.match.params.urlSlug
       );
       AboutStore.provideMetaData(
-        this.props.language,
-        this.props.match.params.urlSlug
+        prevState.language,
+        prevState.match.params.urlSlug
       );
     }
   }

src/Pages/Article.js

@@ -37,11 +37,10 @@ class Article extends Component {
     ArticleStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       ArticleStore.provideArticle(
-        this.props.match.params.articleId,
+        prevState.match.params.articleId,
         nextProps.language
       );
       dateFormat.i18n = dateFormats[nextProps.language] || dateFormats[0];

src/Pages/Articles.js

@@ -32,9 +32,8 @@ class Articles extends Component {
     ArticleStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       ArticleStore.provideArticles(nextProps.language);
       dateFormat.i18n = dateFormats[nextProps.language] || dateFormats[0];
     }

src/Pages/Brewer.js

@@ -27,11 +27,10 @@ class Brewer extends Component {
     BrewerStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  static getDerivedStateFromProps(nextProps, prevState) {
     if (
-      this.props.language !== nextProps.language ||
-      this.props.match.params.brewerSlug !== nextProps.match.params.brewerSlug
+      prevState.language !== nextProps.language ||
+      prevState.match.params.brewerSlug !== nextProps.match.params.brewerSlug
     ) {
       BrewerStore.provideBrewer(nextProps.language);
     }

src/Pages/Cafes.js

@@ -29,9 +29,8 @@ class Cafes extends Component {
     CafeStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       CafeStore.provideCompanyCafes(nextProps.language);
       CafeStore.providePartnerCafes(nextProps.language);
     }

src/Pages/Coffee.js

@@ -26,11 +26,10 @@ class Coffee extends Component {
     CoffeeStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
+  static getDerivedStateFromProps(nextProps, prevState) {
     if (
-      this.props.language !== nextProps.language ||
-      this.props.match.params.coffeeSlug !== nextProps.match.params.coffeeSlug
+      prevState.language !== nextProps.language ||
+      prevState.match.params.coffeeSlug !== nextProps.match.params.coffeeSlug
     ) {
       CoffeeStore.provideCoffee(nextProps.language);
     }

src/Pages/Contacts.js

@@ -28,9 +28,8 @@ class Contacts extends Component {
     CafeStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
       CafeStore.provideCompanyCafes(nextProps.language);
       this.selectAddress(undefined);
     }

src/Pages/Home.js

@@ -35,10 +35,9 @@ class Home extends Component {
     HomeStore.unsubscribe();
   }
 
-  //TODO: Method will be removed in React 17, will need to be rewritten if still required.
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this.props.language !== nextProps.language) {
-      HomeStore.provideMetaData(this.props.language);
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (prevState.language !== nextProps.language) {
+      HomeStore.provideMetaData(prevState.language);
     }
   }