3.2.2000 react strict mode; debug image fix

Author: Keillion

barcode-scanner-api-samples/scan-single-barcode/react/src/App.tsx

@@ -4,10 +4,8 @@ import { BarcodeScanner, type BarcodeScannerConfig } from "dynamsoft-barcode-rea
 
 function App() {
   const barcodeScannerViewRef = useRef(null);
-  const hasRun = useRef(false); // walkaround react strict mode
 
-  useEffect(() => { 
-    if(hasRun.current){ return; } // walkaround react strict mode
+  useEffect(() => {
 
     // Configuration object for initializing the BarcodeScanner instance
     const config: BarcodeScannerConfig = {
@@ -43,14 +41,10 @@ function App() {
       }
     })();
 
-    hasRun.current = true;
-
-    //// We have bug in react strict mode.
-    //// It will be fixed in next version.
-    // return ()=>{
-    //   // Dispose of the barcode scanner when the component unmounts
-    //   barcodeScanner?.dispose();
-    // };
+    return ()=>{
+      // Dispose of the barcode scanner when the component unmounts
+      barcodeScanner?.dispose();
+    };
   }, []);
 
   return (

foundational-api-samples/others/debug/public/index.html

@@ -70,15 +70,14 @@ <h1 style="font-size: 1.5em">Read Barcodes from Camera - Debug</h1>
         let ss = await cvRouter.getSimplifiedSettings("ReadBarcodes_SpeedFirst");
         ss.timeout = 100000;
         ss.minImageCaptureInterval = 100;
-        ss.capturedResultItemTypes |= Dynamsoft.Core.EnumCapturedResultItemType.CRIT_ORIGINAL_IMAGE;
+        ss.outputOriginalImage = true;
         await cvRouter.updateSettings("ReadBarcodes_SpeedFirst", ss);
 
         // Define a callback for results.
         const resultReceiver = new Dynamsoft.CVR.CapturedResultReceiver();
         let processingCount = 0;
         resultReceiver.onCapturedResultReceived = async (result) => {
           const resultItems = result.items;
-          if (!resultItems.length) return;
 
           if (resultItems.some((item) => item.type === "barcode")) {
             Dynamsoft.DCE.Feedback.beep();