Skip to content

React Native Example not working out of the box #1049

@t0rbik

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/[email protected][email protected][email protected][email protected][email protected]/node_modules/viem/_cjs/tempo/chainConfig.js
 | import "ox/tempo/SignatureEnvelope"

 node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected]/node_modules/viem/_cjs/chains/definitions/tempoDevnet.js
 | import "../../tempo/chainConfig.js"

 node_modules/.pnpm/[email protected][email protected][email protected][email protected][email protected]/node_modules/viem/_cjs/chains/index.js
 | import "./definitions/tempoDevnet.js"

 node_modules/.pnpm/[email protected]_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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions