added with-react-native-wallet-kit to our pnpm workspace

.npmrc

@@ -1 +1,2 @@
-enable-pre-post-scripts=true
+enable-pre-post-scripts=true
+node-linker=hoisted

examples/delegated-access/package.json

@@ -13,5 +13,8 @@
     "@turnkey/sdk-server": "workspace:*",
     "dotenv": "^16.0.3",
     "viem": "^2.26.2"
+  },
+  "devDependencies": {
+    "typescript": "5.4.3"
   }
 }

examples/delegated-access/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "noEmit": true,
+    "ignoreDeprecations": "5.0",
     "tsBuildInfoFile": "./.cache/.tsbuildinfo"
   },
   "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.json"]

examples/import-export-with-iframe-stamper/package.json

@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@types/node": "20.3.1",
-    "@types/react": "18.2.14",
+    "@types/react": "^18.2.14",
     "@types/react-dom": "18.2.6"
   }
 }

examples/react-components/package.json

@@ -27,8 +27,8 @@
     "@turnkey/sdk-types": "workspace:*",
     "@turnkey/wallet-stamper": "workspace:*",
     "@types/node": "20.3.1",
-    "@types/react": "18.2.14",
-    "@types/react-dom": "18.2.6",
+    "@types/react": "^18.2.14",
+    "@types/react-dom": "^18.2.6",
     "axios": "^1.13.5",
     "buffer": "^6.0.3",
     "encoding": "^0.1.13",

examples/wallet-export-sign/package.json

@@ -29,7 +29,7 @@
   },
   "devDependencies": {
     "@types/node": "20.3.1",
-    "@types/react": "18.2.14",
+    "@types/react": "^18.2.14",
     "@types/react-dom": "18.2.6"
   }
 }

examples/with-react-native-wallet-kit/metro.config.js

@@ -0,0 +1,15 @@
+const { getDefaultConfig } = require("expo/metro-config");
+
+const config = getDefaultConfig(__dirname);
+
+// Prevent Node-only modules from being bundled into React Native.
+// WalletConnect pulls in `ws` which requires Node's `stream`, `https`, etc.
+// React Native has a built-in WebSocket global, so `ws` is not needed.
+config.resolver.resolveRequest = (context, moduleName, platform) => {
+  if (moduleName === "ws") {
+    return { type: "empty" };
+  }
+  return context.resolveRequest(context, moduleName, platform);
+};
+
+module.exports = config;

examples/with-react-native-wallet-kit/package.json

@@ -18,7 +18,7 @@
     "@react-navigation/bottom-tabs": "^7.4.0",
     "@react-navigation/elements": "^2.6.3",
     "@react-navigation/native": "^7.1.17",
-    "@turnkey/react-native-wallet-kit": "latest",
+    "@turnkey/react-native-wallet-kit": "workspace:*",
     "expo": "~54.0.7",
     "expo-constants": "~18.0.8",
     "expo-font": "~14.0.8",

package.json

@@ -94,7 +94,21 @@
       "jws": ">=4.0.1",
       "preact": ">=10.28.2",
       "h3": ">=1.15.5",
-      "tar": ">=7.5.7"
+      "tar": ">=7.5.7",
+      "cookie@<0.7.0": ">=0.7.0",
+      "tmp@<=0.2.3": ">=0.2.4",
+      "lodash-es@>=4.0.0 <=4.17.22": ">=4.17.23",
+      "lodash@>=4.0.0 <=4.17.22": ">=4.17.23",
+      "undici@<6.23.0": ">=6.23.0",
+      "undici@>=7.0.0 <7.18.2": ">=7.18.2",
+      "hono@<4.11.7": ">=4.11.7",
+      "diff@>=4.0.0 <4.0.4": ">=4.0.4",
+      "diff@>=5.0.0 <5.2.2": ">=5.2.2",
+      "js-yaml@<3.14.2": ">=3.14.2",
+      "js-yaml@>=4.0.0 <4.1.1": ">=4.1.1",
+      "markdown-it@>=13.0.0 <14.1.1": ">=14.1.1",
+      "ajv@<8.18.0": ">=8.18.0",
+      "tar@<7.5.8": ">=7.5.8"
     }
   }
 }

packages/react-wallet-kit/src/components/auth/Wallet.tsx

@@ -438,7 +438,6 @@ function QRCodeDisplay(props: QRCodeDisplayProps) {
 
   return (
     <div className="relative inline-block">
-      {/* @ts-expect-error: qrcode.react uses a different React type version */}
       <QRCode
         className={clsx(
           "block border border-modal-background-dark/20 dark:border-modal-background-light/20",

packages/sdk-react/package.json

@@ -79,6 +79,7 @@
     }
   },
   "devDependencies": {
+    "@types/react": "^18.2.14",
     "postcss-import": "^16.1.0",
     "react": "^18.2.0"
   },

pnpm-workspace.yaml

@@ -2,4 +2,3 @@ packages:
   - packages/*
   - internal/*
   - examples/**
-  - "!examples/with-react-native-wallet-kit/**"