Unable to stopAndUnloadAsync a recording that just got started

Reproducible Demo

https://snack.expo.io/rJ6j67G6f

After calling await recording.startAsync(), it needs at least ~300ms before recording.stopAndUnloadAsync() can be called, otherwise it’ll fail and subsequent startAsync calls will result in

error: Only one Recording object can be prepared at a given time.

Tested on Android.

[Aryk]

For anyone who needs this fix on managed until the SDK 40 release comes out…

          try {
            await recordRef.current.stopAndUnloadAsync();
          } catch (e) {
            if (e.message.includes("Stop encountered an error: recording not stopped")) {
              await ExponentAV.unloadAudioRecorder();
              await recordRef.current._cleanupForUnloadedRecorder({durationMillis: 0} as any);
            } else {
              await handleError(e, {userMessage: "An error occurred stopping the recording."});
            }
          } finally {
            recordRef.current = undefined;
            timerStop();
            success = true;
          }

[cwilby]

I had this issue after getting overly ES6.

const { recording: { stopAndUnloadAsync } } = this;

await stopAndUnloadAsync(); // causes error

vs

await this.recording.stopAndUnloadAsync();

This allows stopAndUnloadAsync to correctly evaluate this._canRecord.