Images of height/width larger than size 23 not working

[fteodoro803]

Anytime I made the image height/width 23 or higher, with excavate being on, the QR code stopped being scannable

<ReactQRCode
  value={"https://www.wikipedia.org/"}
  imageSettings={{
    src: "/icons/queue-icon.png",
    height: 23,
    width: 23,
    excavate: true,
  }}
  marginSize={2}
/>

I'm not knowledgeable with how QR codes work, but my hunch is because the image margins/borders overlap with some data modules

EDIT: with a lot of other values/links I've tried, it seems to work perfectly fine. It's particularly the Wikipedia link that seems to not work

[LGLabGreg]

@fteodoro803 yes basically a logo removes some of the data in the QR code, so the larger the logo the more % of data is removed and depending on data and QR code size, crossing a specific threshold causes the QR code to "error". To get around that you can leverage the Error Correction Level using the level prop of ReactQRCode component (https://reactqrcode-com-git-next-lglabgregs-projects.vercel.app/react-qr-code-props):

<ReactQRCode
  value={"https://www.wikipedia.org/"}
  imageSettings={{
    src: "/icons/queue-icon.png",
    height: 23,
    width: 23,
    excavate: true,
  }}
  marginSize={2}
  level='Q'
/>