diff --git a/package-lock.json b/package-lock.json
index d1359528fc3..f5edb998e4e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,7 +44,7 @@
         "i18next-http-backend": "^2.6.2",
         "lodash-es": "^4.17.21",
         "postcss-loader": "^8.1.1",
-        "qrcode.react": "^3.1.0",
+        "qrcode.react": "^4.1.0",
         "raviger": "^4.1.2",
         "react": "18.3.1",
         "react-copy-to-clipboard": "^5.1.0",
@@ -70,7 +70,6 @@
         "@types/jsdom": "^21.1.7",
         "@types/lodash-es": "^4.17.12",
         "@types/node": "^22.9.0",
-        "@types/qrcode.react": "^1.0.5",
         "@types/react": "^18.3.12",
         "@types/react-copy-to-clipboard": "^5.0.7",
         "@types/react-csv": "^1.1.10",
@@ -5235,16 +5234,6 @@
       "devOptional": true,
       "license": "MIT"
     },
-    "node_modules/@types/qrcode.react": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/qrcode.react/-/qrcode.react-1.0.5.tgz",
-      "integrity": "sha512-BghPtnlwvrvq8QkGa1H25YnN+5OIgCKFuQruncGWLGJYOzeSKiix/4+B9BtfKF2wf5ja8yfyWYA3OXju995G8w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/react": "*"
-      }
-    },
     "node_modules/@types/react": {
       "version": "18.3.12",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.12.tgz",
@@ -15130,9 +15119,9 @@
       }
     },
     "node_modules/qrcode.react": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-3.2.0.tgz",
-      "integrity": "sha512-YietHHltOHA4+l5na1srdaMx4sVSOjV9tamHs+mwiLWAMr6QVACRUw1Neax5CptFILcNoITctJY0Ipyn5enQ8g==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-4.1.0.tgz",
+      "integrity": "sha512-uqXVIIVD/IPgWLYxbOczCNAQw80XCM/LulYDADF+g2xDsPj5OoRwSWtIS4jGyp295wyjKstfG1qIv/I2/rNWpQ==",
       "license": "ISC",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
diff --git a/package.json b/package.json
index 6b2273e341f..60250c2209e 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     "i18next-http-backend": "^2.6.2",
     "lodash-es": "^4.17.21",
     "postcss-loader": "^8.1.1",
-    "qrcode.react": "^3.1.0",
+    "qrcode.react": "^4.1.0",
     "raviger": "^4.1.2",
     "react": "18.3.1",
     "react-copy-to-clipboard": "^5.1.0",
@@ -109,7 +109,6 @@
     "@types/jsdom": "^21.1.7",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.9.0",
-    "@types/qrcode.react": "^1.0.5",
     "@types/react": "^18.3.12",
     "@types/react-copy-to-clipboard": "^5.0.7",
     "@types/react-csv": "^1.1.10",
@@ -174,4 +173,4 @@
     "node": ">=22.11.0"
   },
   "packageManager": "npm@10.9.0"
-}
\ No newline at end of file
+}
diff --git a/src/components/ABDM/ABHAProfileModal.tsx b/src/components/ABDM/ABHAProfileModal.tsx
index 1e348a40778..3fc874ca86e 100644
--- a/src/components/ABDM/ABHAProfileModal.tsx
+++ b/src/components/ABDM/ABHAProfileModal.tsx
@@ -1,4 +1,4 @@
-import QRCode from "qrcode.react";
+import { QRCodeSVG } from "qrcode.react";
 import { useRef } from "react";
 import { useTranslation } from "react-i18next";
 
@@ -102,7 +102,7 @@ const ABHAProfileModal = ({ patientId, show, onClose, abha }: IProps) => {
         className="print flex flex-col gap-4 border-black sm:flex-row print:w-full print:border"
       >
         <div className="flex-1 sm:aspect-square sm:h-40 sm:flex-auto">
-          <QRCode
+          <QRCodeSVG
             className="h-full w-full border border-black p-1"
             value={JSON.stringify({
               hidn: abha?.abha_number,
diff --git a/src/components/Assets/AssetManage.tsx b/src/components/Assets/AssetManage.tsx
index b56cb908c42..c78be71d627 100644
--- a/src/components/Assets/AssetManage.tsx
+++ b/src/components/Assets/AssetManage.tsx
@@ -1,5 +1,5 @@
 import dayjs from "dayjs";
-import QRCode from "qrcode.react";
+import { QRCodeSVG } from "qrcode.react";
 import { navigate } from "raviger";
 import { ReactElement, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -132,7 +132,7 @@ const AssetManage = (props: AssetManageProps) => {
       </div>
       <h2 className="text-center">Print Preview</h2>
       <div id="section-to-print" className="print flex justify-center">
-        <QRCode size={200} value={asset?.id ?? ""} />
+        <QRCodeSVG size={200} value={asset?.id ?? ""} />
       </div>
     </div>
   );
diff --git a/src/components/Shifting/ShiftDetails.tsx b/src/components/Shifting/ShiftDetails.tsx
index 8e85fda3d19..cac6b5c41ca 100644
--- a/src/components/Shifting/ShiftDetails.tsx
+++ b/src/components/Shifting/ShiftDetails.tsx
@@ -1,5 +1,5 @@
 import careConfig from "@careConfig";
-import QRCode from "qrcode.react";
+import { QRCodeSVG } from "qrcode.react";
 import { Link, navigate } from "raviger";
 import { useState } from "react";
 import { CopyToClipboard } from "react-copy-to-clipboard";
@@ -429,8 +429,8 @@ export default function ShiftDetails(props: { id: string }) {
             <div className="flex">
               <div>
                 <div className="">
-                  <QRCode
-                    value={`${window.location.origin}/shifting/ data.id`}
+                  <QRCodeSVG
+                    value={`${window.location.origin}/shifting/${data.id}`}
                   />
                 </div>
               </div>