Try this:

 const canvas = await html2canvas(element);
 canvas.getContext("2d", {
      willReadFrequently: true,
 });

@leonardlepadatu, thanks for the advice but it didn't work. :(
I looked again at the warning in the browser console...
warning refers to line

There will still be this warning

@leonardlepadatu, thanks for the advice but it didn't work. :( I looked again at the warning in the browser console... warning refers to line

html2canvas/src/dom/document-cloner.ts

Line 226 in 181d1b1

clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);

It works, please read his reply carefully.
Find when you create the canvas, then add the {willReadFrequently: true}
You can read more at: https://stackoverflow.com/questions/74101155/chrome-warning-willreadfrequently-attribute-set-to-true

@leonardlepadatu, thanks for the advice but it didn't work. :( I looked again at the warning in the browser console... warning refers to line

html2canvas/src/dom/document-cloner.ts

Line 226 in 181d1b1

clonedCtx.putImageData(ctx.getImageData(0, 0, canvas.width, canvas.height), 0, 0);

It works, please read his reply carefully. Find when you create the canvas, then add the {willReadFrequently: true} You can read more at: https://stackoverflow.com/questions/74101155/chrome-warning-willreadfrequently-attribute-set-to-true

Check if you have updated {willReadFrequently: true} in module folder you are using like cjs, es2015,esm
@zxing/library/browser/BrowserCodeReader.js