From a4907f8061a1d0e2ec84c6edf5f9669fa7bbc821 Mon Sep 17 00:00:00 2001
From: Jaiwanth <jaiwanth2011@gmail.com>
Date: Wed, 26 May 2021 12:57:39 +0530
Subject: [PATCH 1/2] Destroy playback instance on unmount

---
 src/components/views/messages/MVoiceMessageBody.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/views/messages/MVoiceMessageBody.tsx b/src/components/views/messages/MVoiceMessageBody.tsx
index 4a2a83465d..a6bd30ac6e 100644
--- a/src/components/views/messages/MVoiceMessageBody.tsx
+++ b/src/components/views/messages/MVoiceMessageBody.tsx
@@ -71,10 +71,16 @@ export default class MVoiceMessageBody extends React.PureComponent<IProps, IStat
 
         // We should have a buffer to work with now: let's set it up
         const playback = new Playback(buffer, waveform);
-        this.setState({playback});
+        this.setState({ playback });
         // Note: the RecordingPlayback component will handle preparing the Playback class for us.
     }
 
+    public componentWillUnmount() {
+        if (this.state.playback) {
+            this.state.playback.destroy();
+        }
+    }
+
     public render() {
         if (this.state.error) {
             // TODO: @@TR: Verify error state

From a65299d8bee161a1005bc46ab1a9aaa27b06f025 Mon Sep 17 00:00:00 2001
From: Jaiwanth <jaiwanth2011@gmail.com>
Date: Wed, 26 May 2021 13:07:57 +0530
Subject: [PATCH 2/2] Update
 src/components/views/messages/MVoiceMessageBody.tsx

Co-authored-by: Michael Telatynski <7t3chguy@googlemail.com>
---
 src/components/views/messages/MVoiceMessageBody.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/views/messages/MVoiceMessageBody.tsx b/src/components/views/messages/MVoiceMessageBody.tsx
index a6bd30ac6e..d65de7697a 100644
--- a/src/components/views/messages/MVoiceMessageBody.tsx
+++ b/src/components/views/messages/MVoiceMessageBody.tsx
@@ -76,9 +76,7 @@ export default class MVoiceMessageBody extends React.PureComponent<IProps, IStat
     }
 
     public componentWillUnmount() {
-        if (this.state.playback) {
-            this.state.playback.destroy();
-        }
+        this.state.playback?.destroy();
     }
 
     public render() {