How to stop CameraPreview while it is starting.

[frederikheld]

Is there any way to stop the CameraPreview instance before start() has resolved the promise?

I use CameraPreview within a dialog component in a VueJS app. I watch the dialogIsOpen state to turn the CameraPreview on/off. When the dialog opens, I call CameraPreview.start(). When the dialog closes, I call CameraPreview.stop(). CameraPreview.start() takes a while to resolve. If the user closes the dialog before start() has resolved, the call will fail with the following error Uncaught (in promise) TypeError: Cannot read properties of null (reading 'getTracks') and the camera will stay active.

What would be the right way to prevent this?

[frederikheld]

BTW: This is the solution I came up with. It works, but I'd consider it a workaround for something that is missing in the CameraPreview backage.

  const retryItervalTimeout = setInterval(async () => {
    try {
      await CameraPreview.stop()
      clearInterval(retryItervalTimeout)
    } catch (error) { /* */ }
  }, 100)