JamDev0 / react-qr-code-reader

A React QrCode reader component.
https://react-qr-code-reader.netlify.app/
MIT License
0 stars 1 forks source link

Camera is still open after unmounting or switching route #2

Open Jervx opened 4 months ago

Jervx commented 4 months ago

Camera is still open after route has changed and the page & component unmounts. I'm seeing my camera light indicator still on.

im using Qr Code Reader on the register page route /events/[id]/register where user can scan their qrcode ID number image

once I changed the route like go back to /event/[id] which is the landing page of the specific event. And the camera was still on, and it is also indicated at the tab of the browser image image

Im using Next.js 14

isneverdead commented 3 months ago

Camera is still open after route has changed and the page & component unmounts. I'm seeing my camera light indicator still on.

im using Qr Code Reader on the register page route /events/[id]/register where user can scan their qrcode ID number image

once I changed the route like go back to /event/[id] which is the landing page of the specific event. And the camera was still on, and it is also indicated at the tab of the browser image image

Im using Next.js 14

I also have this kind of problem before two years ago, and still everyone have struggle with it, but here is my solution, i know this is not the best but since i'm using Next 14, reloading the page is not a big deal for me, it feels seamless tho. you can use this to reload the page, so it will close the scanner component window.location.reload();