catching waveform undefined cases

app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/WaveformPlayer.tsx

@@ -12,26 +12,29 @@ export const WaveformPlayer = ({
   const [isPlaying, toggleIsPlaying] = useState(false);
 
   const containerRef = useCallback((node:HTMLDivElement)=>{
-    const waveSurfer = WaveSurfer.create({
-      container: node,
-      barWidth: 2,
-      height: 30,
-      cursorWidth: 0,
-    });
-    waveSurfer.load(audio);
-    waveSurfer.on('ready', () => {
-      waveSurferRef.current = waveSurfer;
-    });
-    waveSurfer.on('play', () => {
-      toggleIsPlaying(true);
-    });
-    waveSurfer.on('pause', () => {
-      toggleIsPlaying(false);
-    });
+    if(node){
+      const waveSurfer = WaveSurfer.create({
+        container: node,
+        barWidth: 2,
+        height: 30,
+        cursorWidth: 0,
+      });
+      waveSurfer.load(audio);
+      waveSurfer.on('ready', () => {
+        waveSurferRef.current = waveSurfer;
+      });
+      waveSurfer.on('play', () => {
+        toggleIsPlaying(true);
+      });
+      waveSurfer.on('pause', () => {
+        toggleIsPlaying(false);
+      });
+    }
   }, []);
 
   useEffect(()=>{
     return()=>{
+      console.log("OK?");
       waveSurferRef.current?.destroy();
     }
   },[]);

app/pages/PageEnigma/comps/SidePanelTabs/AudioTabComponent/audioItemElement.tsx

@@ -32,10 +32,6 @@ export const AudioItemElement = ({ item }: Props) => {
 
   const { initX, initY } = initPosition.value;
 
-  useEffect (()=>{
-    console.log(item.publicBucketPath);
-  }, []);
-
   useEffect(() => {
     const onPointerUp = () => {
       if (dragItem.value) {