From 300ada274e853fa94e027b2630cde9316f426fd2 Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Thu, 18 Sep 2025 02:55:55 +0800
Subject: [PATCH 1/3] feat: add boostLevel prop and support value segmentation

---
 src/hooks/useQRCode.tsx | 23 ++++++++++++++++++-----
 src/interface.ts        |  9 ++++++++-
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/hooks/useQRCode.tsx b/src/hooks/useQRCode.tsx
index 3af1a32..d549efa 100644
--- a/src/hooks/useQRCode.tsx
+++ b/src/hooks/useQRCode.tsx
@@ -4,13 +4,14 @@ import { ERROR_LEVEL_MAP, getImageSettings, getMarginSize } from '../utils';
 import React from 'react';
 
 interface Options {
-  value: string;
+  value: string | string[];
   level: ErrorCorrectionLevel;
   minVersion: number;
   includeMargin: boolean;
   marginSize?: number;
   imageSettings?: ImageSettings;
   size: number;
+  boostLevel?: boolean;
 }
 
 export const useQRCode = (opt: Options) => {
@@ -22,12 +23,24 @@ export const useQRCode = (opt: Options) => {
     marginSize,
     imageSettings,
     size,
+    boostLevel,
   } = opt;
 
-  const memoizedQrcode = React.useMemo(() => {
-    const segments = QrSegment.makeSegments(value);
-    return QrCode.encodeSegments(segments, ERROR_LEVEL_MAP[level], minVersion);
-  }, [value, level, minVersion]);
+  const memoizedQrcode = React.useMemo<QrCode>(() => {
+    const values = Array.isArray(value) ? value : [value];
+    const segments = values.reduce<QrSegment[]>((accum, v) => {
+      accum.push(...QrSegment.makeSegments(v));
+      return accum;
+    }, []);
+    return QrCode.encodeSegments(
+      segments,
+      ERROR_LEVEL_MAP[level],
+      minVersion,
+      undefined,
+      undefined,
+      boostLevel,
+    );
+  }, [value, level, minVersion, boostLevel]);
 
   return React.useMemo(() => {
     const cs = memoizedQrcode.getModules();
diff --git a/src/interface.ts b/src/interface.ts
index e531041..4c2fd19 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -60,7 +60,14 @@ export type QRProps = {
    * The value to encode into the QR Code. An array of strings can be passed in
    * to represent multiple segments to further optimize the QR Code.
    */
-  value: string;
+  value: string | string[];
+  /**
+   * If enabled, the Error Correction Level of the result may be higher than
+   * the specified Error Correction Level option if it can be done without
+   * increasing the version.
+   * @defaultValue true
+   */
+  boostLevel?: boolean;
   /**
    * The size, in pixels, to render the QR Code.
    * @defaultValue 128

From 185c92b4399bdeaf62f862280afd774295e2a095 Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Thu, 18 Sep 2025 03:05:41 +0800
Subject: [PATCH 2/3] update

---
 src/QRCodeCanvas.tsx    | 3 +++
 src/QRCodeSVG.tsx       | 2 ++
 src/hooks/useQRCode.tsx | 6 +++---
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/QRCodeCanvas.tsx b/src/QRCodeCanvas.tsx
index fa1a236..d5cd979 100644
--- a/src/QRCodeCanvas.tsx
+++ b/src/QRCodeCanvas.tsx
@@ -26,6 +26,7 @@ const QRCodeCanvas = React.forwardRef<HTMLCanvasElement, QRPropsCanvas>(
       marginSize,
       style,
       imageSettings,
+      boostLevel,
       ...otherProps
     } = props;
     const imgSrc = imageSettings?.src;
@@ -54,6 +55,7 @@ const QRCodeCanvas = React.forwardRef<HTMLCanvasElement, QRPropsCanvas>(
       marginSize,
       imageSettings,
       size,
+      boostLevel,
     });
 
     React.useEffect(() => {
@@ -134,6 +136,7 @@ const QRCodeCanvas = React.forwardRef<HTMLCanvasElement, QRPropsCanvas>(
     if (imgSrc != null) {
       img = (
         <img
+          alt="QR-Code"
           src={imgSrc}
           key={imgSrc}
           style={{ display: 'none' }}
diff --git a/src/QRCodeSVG.tsx b/src/QRCodeSVG.tsx
index 8a2f899..e29818f 100644
--- a/src/QRCodeSVG.tsx
+++ b/src/QRCodeSVG.tsx
@@ -24,6 +24,7 @@ const QRCodeSVG = React.forwardRef<SVGSVGElement, QRPropsSVG>((props, ref) => {
     title,
     marginSize,
     imageSettings,
+    boostLevel,
     ...otherProps
   } = props;
 
@@ -35,6 +36,7 @@ const QRCodeSVG = React.forwardRef<SVGSVGElement, QRPropsSVG>((props, ref) => {
     marginSize,
     imageSettings,
     size,
+    boostLevel,
   });
 
   let cellsToDraw = cells;
diff --git a/src/hooks/useQRCode.tsx b/src/hooks/useQRCode.tsx
index d549efa..21dd13d 100644
--- a/src/hooks/useQRCode.tsx
+++ b/src/hooks/useQRCode.tsx
@@ -28,9 +28,9 @@ export const useQRCode = (opt: Options) => {
 
   const memoizedQrcode = React.useMemo<QrCode>(() => {
     const values = Array.isArray(value) ? value : [value];
-    const segments = values.reduce<QrSegment[]>((accum, v) => {
-      accum.push(...QrSegment.makeSegments(v));
-      return accum;
+    const segments = values.reduce<QrSegment[]>((acc, v) => {
+      acc.push(...QrSegment.makeSegments(v));
+      return acc;
     }, []);
     return QrCode.encodeSegments(
       segments,

From 98fd73c5f71928a792bd0adad0c97876acac36bc Mon Sep 17 00:00:00 2001
From: lijianan <574980606@qq.com>
Date: Thu, 18 Sep 2025 04:43:44 +0800
Subject: [PATCH 3/3] up

---
 src/hooks/useQRCode.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/hooks/useQRCode.tsx b/src/hooks/useQRCode.tsx
index 21dd13d..c1da877 100644
--- a/src/hooks/useQRCode.tsx
+++ b/src/hooks/useQRCode.tsx
@@ -28,8 +28,8 @@ export const useQRCode = (opt: Options) => {
 
   const memoizedQrcode = React.useMemo<QrCode>(() => {
     const values = Array.isArray(value) ? value : [value];
-    const segments = values.reduce<QrSegment[]>((acc, v) => {
-      acc.push(...QrSegment.makeSegments(v));
+    const segments = values.reduce<QrSegment[]>((acc, val) => {
+      acc.push(...QrSegment.makeSegments(val));
       return acc;
     }, []);
     return QrCode.encodeSegments(