[🔥] No suitable URL request handler found for ph://11B72114-7060-453B-A838-554A0B952C02/L0/001

[zfogg]

Issue

When using the <MessageInput /> component and trying to select images from the user's image gallery, the following error is produced:

No suitable URL request handler found for ph://11B72114-7060-453B-A838-554A0B952C02/L0/001

RCTHTTPRequestHandlerCls
    RCTNetworking.mm:712
RCTImageEditingManagerCls
RCTImageEditingManagerCls
7DE7EC03-CFB7-349D-9B9E-8782B38F231D
7DE7EC03-CFB7-349D-9B9E-8782B38F231D
7DE7EC03-CFB7-349D-9B9E-8782B38F231D
7DE7EC03-CFB7-349D-9B9E-8782B38F231D
7DE7EC03-CFB7-349D-9B9E-8782B38F231D
7DE7EC03-CFB7-349D-9B9E-8782B38F231D
_pthread_wqthread
start_wqthread

Steps to reproduce

Steps to reproduce the behavior:

1. Use the default installation instructions to setup expo and stream
2. Render a <MessageInput />
3. Open your media gallery on iOS with ph:// files in your gallery
4. See error pop-up. You'll also notice that ph:// files in the gallery are blank spaces instead of image previews.

Expected behavior

You should just be able to browse your media with no errors.

Project Related Information

Customization

Click To Expand

Offline support

• [ ] I have enabled offline support.
• [ ] The feature I'm having does not occur when offline support is disabled. (stripe out if not applicable)

Environment

Click To Expand

package.json:

{
  "name": "hi-zachary",
  "version": "1.0.0",
  "main": "expo-router/entry",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "@expo-google-fonts/dev": "^0.2.3",
    "@expo/vector-icons": "^14.0.2",
    "@op-engineering/op-sqlite": "^11.3.0",
    "@react-native-async-storage/async-storage": "1.23.1",
    "@react-native-community/netinfo": "11.4.1",
    "@stream-io/flat-list-mvcp": "^0.10.3",
    "@supabase/supabase-js": "^2.48.0",
    "expo": "^52.0.16",
    "expo-av": "^15.0.2",
    "expo-clipboard": "~7.0.1",
    "expo-constants": "~17.0.2",
    "expo-document-picker": "^13.0.2",
    "expo-file-system": "~18.0.7",
    "expo-font": "~13.0.3",
    "expo-haptics": "~14.0.1",
    "expo-image-manipulator": "~13.0.6",
    "expo-image-picker": "^16.0.4",
    "expo-linking": "~7.0.2",
    "expo-media-library": "^17.0.5",
    "expo-router": "~4.0.2",
    "expo-sharing": "^13.0.1",
    "expo-splash-screen": "~0.29.7",
    "expo-sqlite": "~15.0.6",
    "expo-status-bar": "~2.0.0",
    "expo-system-ui": "~4.0.7",
    "nativewind": "^4.1.23",
    "react": "18.3.1",
    "react-dom": "18.3.1",
    "react-native": "0.76.6",
    "react-native-gesture-handler": "~2.20.2",
    "react-native-quick-sqlite": "^8.2.7",
    "react-native-reanimated": "^3.16.7",
    "react-native-safe-area-context": "4.12.0",
    "react-native-screens": "~5.4.0",
    "react-native-svg": "15.8.0",
    "react-native-url-polyfill": "^2.0.0",
    "react-native-uuid": "^2.0.3",
    "react-native-web": "~0.19.6",
    "setimmediate": "^1.0.5",
    "stream-chat-expo": "^6.2.0",
    "tailwind-merge": "^2.6.0",
    "tailwindcss": "^3.4.17"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@types/react": "~18.3.12",
    "supabase": "^2.6.8",
    "typescript": "^5.7.3"
  },
  "resolutions": {
    "punycode": "1.4.1"
  },
  "private": true
}

react-native info output:

 OUTPUT GOES HERE

• Platform that you're experiencing the issue on:
  • [x] iOS

Additional context

here's an issue about the problem with expo: https://github.com/expo/expo/issues/29741

apparently using <Image /> from expo-image fixes it!

Screenshots

Click To Expand

---