Ability to stop the scanner and start it back again about react-qr-reader

[quickshiftin]

+1 - Same problem here. I'm using the scanner on one page, then upon successful scan, redirecting (client side) to another page. Something is not getting cleaned up with the scanner though, even though it's been unmounted.

The handleVideo function is still being run repeatedly by setTimeout and my browser still indicates the camera is in use (by looking in the tab at the top of the browser, there is a red circle).

[frinko]

@Jordan4jc I have the qr-reader implemented as a separate route (e.g. with react-router) and this always takes care of the camera starting and stopping. I have also used other libraries that interact with the user's camera and most of them recommend redirecting to a new path in order to ensure the camera stream stops.

[JodusNodus]

@Jordan4jc Weird error, are you running the latest version? Another solution that would be more performant is to hide the scanner with css & setting the delay prop to false (This disables the scanning).

[fridezlucas]

+1, Is it possible to implement the possibility to turn off the camera and turn on later ?

[JodusNodus]

Should be fixed in the upcoming release. Let me know if you still have problems.

[avichovatiya67]

I have the same issue, where the scanner keeps on scanning and not waiting for the data to be stored in the database, even before the data reaches to Database, it sends new events and we have a duplication.

we tried adding timeout at onResult and other approaches but not working.

is there any quick solution? @JodusNodus