recordingBlob undefined

[TyposBro]

Hi there.
I wanted to use this library's hooks but can't access to recordingBlob.

Hook usage
const {
startRecording,
stopRecording,
togglePauseResume,
recordingBlob,
isRecording,
isPaused,
recordingTime,
} = useAudioRecorder();

const handleSave = () => {
stopRecording();
setBlob(recordingBlob);
};

** Usage: user can toggle pause/resume as much as they want. But once they press pause button, save button will appear and they can either save or discard it. Save button is implemented by handleSave function

[samhirtarif]

Hey @TyposBro - I believe doing something like this may solve your problem

useEffect(() => {
   if (!recordingBlob) return;

   setBlob(recordingBlob)
}, [recordingBlob])

const handleSave = () => {
    stopRecording(); // you can directly call stopRecording from where you're calling handleSave
};

Let me know if this helps

[TyposBro]

Yeah, works. Sorry for my silly issue🥹