From 3a456ef7ddf060c71bb66874595dd024ac3f1590 Mon Sep 17 00:00:00 2001
From: Brennan Kastner <bk.horizon@gmail.com>
Date: Thu, 20 Sep 2018 16:10:00 -0500
Subject: [PATCH 1/2] Don't crash when trying to hide or press a message
 already auto-hiding

---
 src/Toaster.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Toaster.js b/src/Toaster.js
index efe6646..082c5af 100644
--- a/src/Toaster.js
+++ b/src/Toaster.js
@@ -67,7 +67,7 @@ class Toaster extends Component {
     const message = this.state.messages[0]
 
     this.setState({ messages: this.state.messages.slice(1) }, () => {
-      if (message.onHide) {
+      if (message && message.onHide) {
         message.onHide()
       }
 
@@ -78,7 +78,7 @@ class Toaster extends Component {
   onPress = () => {
     const message = this.state.messages[0]
 
-    if (message.onPress) {
+    if (message && message.onPress) {
       message.onPress()
     }
 

From 97a89f98e663d5e9e9060b188963599cbf853e27 Mon Sep 17 00:00:00 2001
From: Brennan Kastner <bk.horizon@gmail.com>
Date: Thu, 12 Dec 2019 13:50:05 -0600
Subject: [PATCH 2/2] Use getDerivedStateFromProps & componentDidUpdate instead
 of depreciated componentWillReceiveProps & componentWillMount

---
 src/Toast.js   |  7 +++----
 src/Toaster.js | 14 +++++++-------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/Toast.js b/src/Toast.js
index e922edb..9e61e49 100644
--- a/src/Toast.js
+++ b/src/Toast.js
@@ -42,10 +42,9 @@ class Toast extends Component {
     clearTimeout(timeoutId)
   }
 
-  componentWillReceiveProps (nextProps) {
-    if (this.props.id !== nextProps.id) {
-      this.showToast()
-    }
+  componentDidUpdate(prevProps) {
+    if (prevProps.id !== this.props.id)
+      this.showToast();
   }
 
   showToast () {
diff --git a/src/Toaster.js b/src/Toaster.js
index 082c5af..7b15662 100644
--- a/src/Toaster.js
+++ b/src/Toaster.js
@@ -32,25 +32,25 @@ class Toaster extends Component {
     let messages = []
 
     if (props.message) {
-      messages = this.cloneWithId(props.message)
+      messages = Toaster.cloneWithId(props.message)
       messages = Array.isArray(messages) ? messages : [messages]
     }
 
     this.state = { messages }
   }
 
-  cloneWithId (obj) {
+  static cloneWithId (obj) {
     if (Array.isArray(obj)) {
-      return obj.map(this.cloneWithId)
+      return obj.map(Toaster.cloneWithId)
     }
 
     return Object.assign({ id: Math.random().toString(36) }, obj)
   }
 
-  componentWillReceiveProps (nextProps) {
-    if (!nextProps.message) return
-    const message = this.cloneWithId(nextProps.message)
-    this.setState({ messages: this.state.messages.concat(message) })
+  static getDerivedStateFromProps(nextProps, prevState) {
+    if (!nextProps.message) return null;
+    const message = Toaster.cloneWithId(nextProps.message);
+    return {messages: prevState.messages.concat(message)}
   }
 
   onShow = () => {