From f810b76ffdd263a16809d4a7cf40136fb1c5852c Mon Sep 17 00:00:00 2001
From: Angelo Reale <12191809+angeloreale@users.noreply.github.com>
Date: Sun, 4 Aug 2024 21:21:37 +0100
Subject: [PATCH] ar(feat) DPCP-31: Audio Player

---
 src/molecules/02_AudioPlayer/AudioPlayer.tsx | 23 +++++++++++---------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/molecules/02_AudioPlayer/AudioPlayer.tsx b/src/molecules/02_AudioPlayer/AudioPlayer.tsx
index 472228b..5fd44c7 100644
--- a/src/molecules/02_AudioPlayer/AudioPlayer.tsx
+++ b/src/molecules/02_AudioPlayer/AudioPlayer.tsx
@@ -103,17 +103,20 @@ export const HAudioPlayer = function ({
 
   useEffect(() => {
     const element = audioElement.current;
-    const handlePlay = handleStatus('playing', {
-      title: element.getAttribute('data-title') || prompt,
-    });
-    const handleStop = handleStatus('stopped', {});
-    element.addEventListener('play', handlePlay);
-    element.addEventListener('ended', handleStop);
+    if (element) {
+      const handlePlay = handleStatus('playing', {
+        title: element.getAttribute('data-title') || prompt,
+      });
+      const handleStop = handleStatus('stopped', {});
+      element.addEventListener('play', handlePlay);
+      element.addEventListener('ended', handleStop);
 
-    return () => {
-      element.removeEventListener('play', handlePlay);
-      element.removeEventListener('ended', handleStop);
-    };
+      return () => {
+        element.removeEventListener('play', handlePlay);
+        element.removeEventListener('ended', handleStop);
+      };
+    }
+    return () => {};
   }, [status]);
 
   return (