discard doesn't work when using recorderControls. saves blob instead

[zer0dt]

react-audio-recorder/src/components/AudioRecordingComponent.tsx

Line 119 in 1c5298c

(shouldSave || recorderControls) &&

[InaaraKalani]

+1
I am having the same issue. Please make this a priority fix since it's a critical bug.

[mlatysh]

Same for me. As I understand root problem is whenever .stopRecording being called it triggers onRecordingComplete even if it's like "discard" action or something so it's impossible to "discard" recording. It's happening even in provided examples with hook. "Stop" button works properly only if you're not using useAudioRecorder hook

[VijayPonni]

Yes I too facing the same issue. Expect a solution soon.

Thanks in advance

[kumarsoni7999]

I am facing same issue
I tried using ref but still not worked

and finally i got the solution, instead of using discard method use

useEffect(() => {
const discardButton = document.querySelector('[data-testid="ar_cancel"]');
if (discardButton) {
(discardButton as HTMLButtonElement).click();
}
}, [])

This works absolutely fine for me to discrad audio