QRCodeSVG imageSettings.src cannot load local image about qrcode.react HOT 1 CLOSED

@nehssss

I'm using Next.js here but hopefully this will help you with using local images in your QR logo.

Simply store your image in the public folder, and just set the src to "team_logo.png", no need for specifying the directory.

Alternatively, what you can do is import the image first such as:

import TeamLogo from "./team_logo.png";

and then in the "src" property, set it to TeamLogo.src, like the following:

...
imageSettings={{
  src: TeamLogo.src,
  ...
}}
...

All these work for me in Next.js 13.

from qrcode.react.