skatespots/SkateSpots
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions 1

Fix QRCodeCanvas: guard against empty value and null context

Browse source 
Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
This commit is contained in:
shakespeare.diy 2026-06-16 16:17:56 +07:00
parent 8d273428f3
commit 6ba5dc1187
1 changed files with 8 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/ui/qrcode.tsx
View file

@ -12,21 +12,14 @@ export function QRCodeCanvas({ value, size = 256, level = 'M', className }: QRCo
const canvasRef = useRef<HTMLCanvasElement>(null);
useEffect(() => {
if (!canvasRef.current) return;
QRCode.toCanvas(
canvasRef.current,
value,
{
width: size,
margin: 1,
errorCorrectionLevel: level,
},
(error) => {
if (error) console.error('QR Code generation error:', error);
}
);
if (!canvasRef.current || !value || value.length < 4) return;
const el = canvasRef.current;
try {
QRCode.toCanvas(el, value, { width: size, margin: 1, errorCorrectionLevel: level });
} catch {
// silently skip on invalid input
}
}, [value, size, level]);
return <canvas ref={canvasRef} className={className} />;
return <canvas ref={canvasRef} width={size} height={size} className={className} />;
}