Add useCallback on hook methods (#48)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-audio-voice-recorder",
   "private": false,
-  "version": "1.1.6",
+  "version": "1.1.7",
   "license": "MIT",
   "author": "",
   "repository": {

src/hooks/useAudioRecorder.ts

@@ -49,17 +49,17 @@ const useAudioRecorder: (
   const [timerInterval, setTimerInterval] = useState<NodeJS.Timer>();
   const [recordingBlob, setRecordingBlob] = useState<Blob>();
 
-  const _startTimer: () => void = () => {
+  const _startTimer: () => void = useCallback(() => {
     const interval = setInterval(() => {
       setRecordingTime((time) => time + 1);
     }, 1000);
     setTimerInterval(interval);
-  };
+  }, [setRecordingTime, setTimerInterval]);
 
-  const _stopTimer: () => void = () => {
+  const _stopTimer: () => void = useCallback(() => {
     timerInterval != null && clearInterval(timerInterval);
     setTimerInterval(undefined);
-  };
+  }, [timerInterval, setTimerInterval]);
 
   /**
    * Calling this method would result in the recording to start. Sets `isRecording` to true
@@ -86,23 +86,36 @@ const useAudioRecorder: (
         console.log(err.name, err.message, err.cause);
         onNotAllowedOrFound?.(err);
       });
-  }, [timerInterval]);
+  }, [
+    timerInterval,
+    setIsRecording,
+    setMediaRecorder,
+    _startTimer,
+    setRecordingBlob,
+    onNotAllowedOrFound,
+  ]);
 
   /**
    * Calling this method results in a recording in progress being stopped and the resulting audio being present in `recordingBlob`. Sets `isRecording` to false
    */
-  const stopRecording: () => void = () => {
+  const stopRecording: () => void = useCallback(() => {
     mediaRecorder?.stop();
     _stopTimer();
     setRecordingTime(0);
     setIsRecording(false);
     setIsPaused(false);
-  };
+  }, [
+    mediaRecorder,
+    setRecordingTime,
+    setIsRecording,
+    setIsPaused,
+    _stopTimer,
+  ]);
 
   /**
    * Calling this method would pause the recording if it is currently running or resume if it is paused. Toggles the value `isPaused`
    */
-  const togglePauseResume: () => void = () => {
+  const togglePauseResume: () => void = useCallback(() => {
     if (isPaused) {
       setIsPaused(false);
       mediaRecorder?.resume();
@@ -112,7 +125,7 @@ const useAudioRecorder: (
       _stopTimer();
       mediaRecorder?.pause();
     }
-  };
+  }, [mediaRecorder, setIsPaused, _startTimer, _stopTimer]);
 
   return {
     startRecording,