Fix 'Can't close an AudioContext twice' for firefox (#7)

Author: samhirtarif

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "react-audio-visualize",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.1.1",
   "license": "MIT",
   "author": "",
   "repository": {
@@ -21,7 +21,8 @@
     "audio waveform",
     "waveform",
     "audio visualization",
-    "visualization"
+    "visualization",
+    "live visualize"
   ],
   "files": [
     "dist"

package.json

@@ -107,7 +107,7 @@ const LiveAudioVisualizer: (props: Props) => ReactElement = ({
   }, [mediaRecorder.stream]);
 
   useEffect(() => {
-    if (analyser ?? mediaRecorder.state === "recording") {
+    if (analyser && mediaRecorder.state === "recording") {
       report();
     }
   }, [analyser, mediaRecorder.state]);
@@ -129,7 +129,7 @@ const LiveAudioVisualizer: (props: Props) => ReactElement = ({
     ) {
       context.close();
     }
-  }, [analyser]);
+  }, [analyser, context.state]);
 
   const processFrequencyData = (data: Uint8Array): void => {
     if (!canvasRef.current) return;