Skip to content

React Native Example not working out of the box #1049

Description

@t0rbik

Check existing issues

Describe the bug

I am trying to run a react-native example following README.md instructions.
There's an error when trying to run in XCode Simulator with iOS 26:

iOS Bundling failed 2950ms index.ts (2676 modules)
 ERROR  Package subpath './tempo/SignatureEnvelope' is not defined by "exports" in /Users/t0rb1k/Documents/Projects/lab/opensource/porto-react-native-app/node_modules/ox/package.json

Import stack:

 node_modules/.pnpm/viem@2.43.5_bufferutil@4.1.0_typescript@5.9.3_utf-8-validate@5.0.10_zod@3.25.76/node_modules/viem/_cjs/tempo/chainConfig.js
 | import "ox/tempo/SignatureEnvelope"

 node_modules/.pnpm/viem@2.43.5_bufferutil@4.1.0_typescript@5.9.3_utf-8-validate@5.0.10_zod@3.25.76/node_modules/viem/_cjs/chains/definitions/tempoDevnet.js
 | import "../../tempo/chainConfig.js"

 node_modules/.pnpm/viem@2.43.5_bufferutil@4.1.0_typescript@5.9.3_utf-8-validate@5.0.10_zod@3.25.76/node_modules/viem/_cjs/chains/index.js
 | import "./definitions/tempoDevnet.js"

 node_modules/.pnpm/porto@0.2.37_cf12101330ff80393ec13d1d4db6cbb2/node_modules/porto/dist/core/Chains.js
 | import "viem/chains"

 src/config.ts
 | import "porto/core/Chains"

 src/App.tsx
 | import "./config.ts"

 index.ts
 | import "./src/App.tsx"

 
 | import "./index.ts"

Where did this happen?

No response

Steps To Reproduce

Clone example repo:

pnpx gitpick ithacaxyz/porto/tree/main/examples/react-native porto-react-native-app && cd porto-react-native-app

Change porto version in package.json from workspace to latest.

Install packages:

pnpm i

Run the app:

pnpm expo run:ios

Operating System

iOS

Operating System version

iOS 26

Browser

Safari

Browser version

26

Password Manager

iCloud Keychain (passkeys)

Passwоrd Manager version

26?

Reproduction Device & Environment

XCode iOS 26 Simulator

"dependencies": {
    "@react-native-async-storage/async-storage": "2.2.0",
    "@tanstack/query-async-storage-persister": "^5.90.7",
    "@tanstack/react-query": "^5.90.5",
    "@tanstack/react-query-persist-client": "^5.90.7",
    "expo": "54.0.30",
    "expo-auth-session": "~7.0.8",
    "expo-checkbox": "~5.0.7",
    "expo-crypto": "~15.0.7",
    "expo-network": "~8.0.7",
    "expo-web-browser": "~15.0.8",
    "ox": "^0.9.12",
    "porto": "^0.2.37",
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "react-native": "0.81.5",
    "react-native-safe-area-context": "~5.6.0",
    "react-native-web": "^0.21.2",
    "viem": "^2.38.3",
    "wagmi": "^2.18.2"
  },
  "devDependencies": {
    "@babel/core": "^7.28.4",
    "@types/babel__core": "^7.20.5",
    "@types/react": "~19.1.10",
    "babel-plugin-module-resolver": "^5.0.2",
    "babel-plugin-transform-import-meta": "^2.3.3",
    "expo-dev-client": "~6.0.16",
    "typescript": "~5.9.3"
  },

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions