diff --git a/sdk/qrcode/components/SelfQRcode.tsx b/sdk/qrcode/components/SelfQRcode.tsx
index 8cd70316d..8579e3034 100644
--- a/sdk/qrcode/components/SelfQRcode.tsx
+++ b/sdk/qrcode/components/SelfQRcode.tsx
@@ -13,6 +13,8 @@ import { QRcodeSteps } from '../utils/utils.js';
 import { initWebSocket } from '../utils/websocket.js';
 import LED from './LED.js';
 
+const LottieComponent = Lottie.default || Lottie;
+
 interface SelfQRcodeProps {
   selfApp: SelfApp;
   onSuccess: () => void;
@@ -95,7 +97,8 @@ const SelfQRcode = ({
               return <BounceLoader loading={true} size={200} color="#94FBAB" />;
             case QRcodeSteps.PROOF_GENERATION_FAILED:
               return (
-                <Lottie.default
+                //@ts-ignore
+                <LottieComponent
                   animationData={X_ANIMATION}
                   style={{ width: 200, height: 200 }}
                   onComplete={() => {
@@ -106,7 +109,8 @@ const SelfQRcode = ({
               );
             case QRcodeSteps.PROOF_VERIFIED:
               return (
-                <Lottie.default
+                //@ts-ignore
+                <LottieComponent
                   animationData={CHECK_ANIMATION}
                   style={{ width: 200, height: 200 }}
                   onComplete={() => {
diff --git a/sdk/qrcode/package.json b/sdk/qrcode/package.json
index 80c4241fe..0c5814f3d 100644
--- a/sdk/qrcode/package.json
+++ b/sdk/qrcode/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@selfxyz/qrcode",
-  "version": "1.0.16",
+  "version": "1.0.17-beta.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/selfxyz/self"