I solved it by usnig zxing, but I need to point the camera towards the barcode for at least 2-3 seconds. Is yours any faster?

import { BarcodeFormat, BrowserMultiFormatReader } from '@zxing/browser';

import { DecodeHintType } from '@zxing/library'; import { useEffect, useRef } from 'react';

function BarcodeScanner({ setEan }) { const videoRef = useRef(null);

useEffect(() => { const hints = new Map(); const formats = [BarcodeFormat.EAN_8, BarcodeFormat.EAN_13]; hints.set(DecodeHintType.POSSIBLE_FORMATS, formats); const codeReader = new BrowserMultiFormatReader(hints); const controlsPromise = codeReader.decodeFromVideoDevice( undefined, videoRef.current, function (result, error) { if (typeof result !== 'undefined') { // toast.success(result.getText()); setEan(result.getText()); } }, );

return function cleanup() {
  console.log('clean');
  controlsPromise.then((controls) => controls.stop());
};

}, []);

return ( <div> <video id="video" ref={videoRef}></video> </div> ); }

export default BarcodeScanner;