ok

src/components/PaymentOptions.js

@@ -14,6 +14,7 @@ const SetPaymentQr = ({ shopId,
   const [qrPosition, setQrPosition] = useState([50, 50]);
   const [qrSize, setQrSize] = useState(50);
   const [qrPayment, setQrPayment] = useState();
+  const [qrPaymentFile, setQrPaymentFile] = useState();
   const [qrCodeDetected, setQrCodeDetected] = useState(false);
   const [isNeedConfirmationState, setIsNeedConfirmationState] = useState(0);
   const [isQRISavailable, setIsQRISavailable] = useState(0);
@@ -57,6 +58,7 @@ const SetPaymentQr = ({ shopId,
     if (file) {
       const newqrPayment = URL.createObjectURL(file);
       setQrPayment(newqrPayment);
+      setQrPaymentFile(file);
     }
   };
 
@@ -83,13 +85,14 @@ const SetPaymentQr = ({ shopId,
 
   // Save cafe details
   const handleSave = async () => {
-    let qrPaymentFile;
-    if(qrPaymentInputRef?.current?.files[0])
-      qrPaymentFile = qrPaymentInputRef.current.files[0];
+    let qrPaymentFileCache;
+    if(qrPaymentFile != null)
+      qrPaymentFileCache = qrPaymentFile;
+
     const details = {
       qrPosition,
       qrSize,
-      qrPaymentFile,
+      qrPaymentFile: qrPaymentFileCache,
       isQRISavailable: isQRISavailable === 1,
       isOpenBillAvailable: isOpenBillAvailable === 1,
       isNeedConfirmationState: isNeedConfirmationState === 1