[🐛] 🔥 Bug Report: iOS Screenshots appear broken on Android/PC

[programthis]

Issue

If a user uploads a screenshot from the message attachments from iOS, it appears broken in the chat for others (Android/PC). When you click on the thumbnail, it also appears broken.

The issue has been determined to be specifically with HDR screenshots. I have seen other packages/apps have this exact issue but am wondering if anyone using stream chat has found a solution.

Steps to reproduce

Steps to reproduce the behavior:

1. Upload an iOS HDR screenshot from the message attachment into the chat

Expected behavior

I expect the image to not be broken and available for Android or PC.

Project Related Information

Customization

No customization.

# N/A

Environment

Click To Expand

package.json:

{
  "name": "communities",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web",
    "test": "jest",
    "test:watch": "jest --watch",
    "test:coverage": "jest --coverage",
    "test:ci": "jest --ci --coverage --maxWorkers=2",
    "postinstall": "patch-package"
  },
  "dependencies": {
    "@airbrake/browser": "^2.1.9",
    "@babel/runtime": "^7.28.2",
    "@emoji-mart/data": "^1.2.1",
    "@expo/vector-icons": "^14.1.0",
    "@gorhom/bottom-sheet": "^5.2.6",
    "@react-native-async-storage/async-storage": "2.1.2",
    "@react-native-community/netinfo": "11.4.1",
    "@react-native-firebase/app": "^23.5.0",
    "@react-native-firebase/messaging": "^23.5.0",
    "@react-navigation/bottom-tabs": "^6.6.1",
    "@react-navigation/native": "^6.1.16",
    "@react-navigation/native-stack": "^6.9.25",
    "expo": "~53.0.26",
    "expo-asset": "~11.1.7",
    "expo-audio": "~0.4.9",
    "expo-auth-session": "~6.2.1",
    "expo-build-properties": "~0.14.8",
    "expo-clipboard": "~7.1.5",
    "expo-constants": "^17.1.7",
    "expo-crypto": "~14.1.5",
    "expo-dev-client": "~5.2.4",
    "expo-device": "^7.1.4",
    "expo-document-picker": "~13.1.6",
    "expo-file-system": "~18.1.11",
    "expo-font": "~13.3.2",
    "expo-haptics": "^14.1.4",
    "expo-image-manipulator": "~13.1.7",
    "expo-image-picker": "^16.1.4",
    "expo-linear-gradient": "~14.1.5",
    "expo-linking": "^7.1.7",
    "expo-media-library": "~17.1.7",
    "expo-notifications": "~0.31.5",
    "expo-secure-store": "~14.2.3",
    "expo-sharing": "^13.1.5",
    "expo-status-bar": "~2.2.3",
    "expo-web-browser": "~14.2.0",
    "postinstall-postinstall": "^2.1.0",
    "react": "19.0.0",
    "react-native": "0.79.6",
    "react-native-gesture-handler": "~2.24.0",
    "react-native-qrcode-svg": "^6.3.15",
    "react-native-reanimated": "~3.17.0",
    "react-native-safe-area-context": "5.4.0",
    "react-native-screens": "~4.11.1",
    "react-native-svg": "15.11.2",
    "react-native-webview": "13.13.5",
    "stream-chat-expo": "^8.12.4"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@testing-library/jest-native": "^5.4.3",
    "@testing-library/react-native": "^13.3.3",
    "@types/jest": "^30.0.0",
    "@types/react": "~19.0.10",
    "babel-plugin-module-resolver": "^5.0.2",
    "jest": "^29.7.0",
    "jest-expo": "~53.0.14",
    "patch-package": "^8.0.1",
    "react-test-renderer": "19.0.0",
    "typescript": "~5.8.3"
  },
  "private": true,
  "overrides": {
    "react-native-safe-area-context": "5.4.0",
    "axios": "1.13.2"
  },
  "expo": {
    "doctor": {
      "reactNativeDirectoryCheck": {
        "listUnknownPackages": false
      }
    }
  }
}

react-native info output:

 OUTPUT GOES HERE

• Platform that you're experiencing the issue on:
  • iOS
  • Android
  • iOS but have not tested behavior on Android
  • Android but have not tested behavior on iOS
  • [ x] Both
• stream-chat-react-native version you're using that has this issue:
  • 8.12.4

Additional context

Screenshots

Click To Expand

---