Problem react-zxing switching problem: camera cannot be turned off

Question

I'm using react-zxing to scan barcodes on a web page.

I have two options for scanning the barcode,

If I switch to "Manual Input Mode" and then switch back to "Scan Mode", the scan view disappears.
If I switch to "Manual Input Mode" the camera does not turn off. (On my laptop, there is a camera light that lights up if the camera is in use)

You can see the live code: https://codesandbox.io/s/suspicious-jerry-1jr2xx?file=/src/App.js

P粉608647033 · Answer

Try to add paused in the options of useZxing. The camera will stop when manualInput is true.

const { ref } = useZxing({
  onResult(result) {
    setResult(result.getText());
  },
  paused: manualInput
});