From f2d2f77cd0a8e5882b32740f49c130b8fc343533 Mon Sep 17 00:00:00 2001
From: Srikanth Kola <97477121+srikanth716@users.noreply.github.com>
Date: Tue, 27 Aug 2024 16:29:16 +0530
Subject: [PATCH] [INJIVER-127] Update QR code scanning and upload libraries
 (#138)

---
 .../Home/VerificationSection/QrScanner.tsx    | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/inji-verify/src/components/Home/VerificationSection/QrScanner.tsx b/inji-verify/src/components/Home/VerificationSection/QrScanner.tsx
index bebdcbef..9572be0e 100644
--- a/inji-verify/src/components/Home/VerificationSection/QrScanner.tsx
+++ b/inji-verify/src/components/Home/VerificationSection/QrScanner.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import CameraAccessDenied from "./CameraAccessDenied";
 import { ScanSessionExpiryTime } from "../../../utils/config";
 import { useAppDispatch } from "../../../redux/hooks";
@@ -18,15 +18,18 @@ function QrScanner() {
 
   const scannerRef = useRef<HTMLDivElement>(null);
 
-  const onSuccess = (decodedText: any) => {
-    dispatch(
-      verificationInit({
-        qrReadResult: { qrData: decodedText, status: "SUCCESS" },
-        flow: "SCAN",
-      })
-    );
-    clearTimeout(timer);
-  };
+  const onSuccess = useCallback(
+    (decodedText: any) => {
+      dispatch(
+        verificationInit({
+          qrReadResult: { qrData: decodedText, status: "SUCCESS" },
+          flow: "SCAN",
+        })
+      );
+      clearTimeout(timer);
+    },
+    [dispatch]
+  );
 
   useEffect(() => {
     timer = setTimeout(() => {
@@ -46,7 +49,7 @@ function QrScanner() {
       console.log("Clearing timeout");
       clearTimeout(timer);
     };
-  }, [dispatch]);
+  }, [dispatch, onSuccess]);
 
   useEffect(() => {
     // Disable inbuilt border around the video