chore: use named exports

sdk/qrcode/components/SelfQRcode.tsx

@@ -150,8 +150,6 @@ const SelfQRcode = ({
 
   return <div style={containerStyle}>{renderProofStatus()}</div>;
 };
-// Export the wrapper component as the default export
-export default SelfQRcodeWrapper;
 
 // Also export other components/types that might be needed
-export { SelfQRcode, SelfApp, SelfAppBuilder };
+export { SelfQRcodeWrapper, SelfQRcode, SelfApp, SelfAppBuilder };

sdk/qrcode/index.ts

@@ -1,12 +1,12 @@
-import SelfQRcodeWrapper, {
+import {
   SelfQRcode,
   SelfAppBuilder,
+  SelfQRcodeWrapper,
 } from './components/SelfQRcode.js';
 import type { SelfApp } from './components/SelfQRcode.js';
 import { WebAppInfo } from './utils/websocket.js';
 import { countries } from '@selfxyz/common/constants/countries';
 
-export default SelfQRcodeWrapper;
 export { SelfQRcodeWrapper, SelfQRcode, SelfAppBuilder, countries };
 export type { SelfApp };
 

sdk/qrcode/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfxyz/qrcode",
-  "version": "1.0.8",
+  "version": "1.0.10-beta.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/selfxyz/self"