Clicking / Focusing an input field is crashing the application on Apple Sillicon.

[hems]

Description

I just searched for my app on Apple's App Store and surprisingly it was available to install / run on my desktop even tough i just "made it" / "published" it for iphone/ipad.

The application opens and works as expected, but once i type the first letter on a textinput the application crashes.

Here is the crash report: https://gist.github.com/hems/729d577762e4df126ed9cac053da8aee

Steps to reproduce

Compile this application ( uses Expo ) and run on an Apple Sillicon, they click the input field with the text.

https://github.com/hems/expo-desktop-broken-input-field

Unfortunately i don't know how to compile for Desktop and run it myself, but this is basically the source code that was compiled by the eas build and sent to apple ( and i downloaded from the store and run ).

I would appreciate if there was clear instructions how to compile the project for Apple Sillicon and test / debug locally, but i can't find those instructions anywhere.

Alternatively, you can download my app from the apple store and run it on your mac and click on the textfield and it should crash for you too. It does crash for other mac users i know.

React Native Version

0.76.7

Affected Platforms

Runtime - Desktop, Runtime - iOS

Output of npx @react-native-community/cli info

npx @react-native-community/cli info
Need to install the following packages:
@react-native-community/cli@18.0.0
Ok to proceed? (y) 

(node:7048) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.
(Use `node --trace-deprecation ...` to show where the warning was created)
info Fetching system and libraries information...
System:
  OS: macOS 14.4
  CPU: (16) arm64 Apple M3 Max
  Memory: 76.24 GB / 128.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 23.6.0
    path: /opt/homebrew/bin/node
  Yarn:
    version: 1.22.22
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.9.2
    path: /opt/homebrew/bin/npm
  Watchman:
    version: 2024.12.02.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.5
      - iOS 17.5
      - macOS 14.5
      - tvOS 17.5
      - visionOS 1.2
      - watchOS 10.5
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23339.11.2421.12700392
  Xcode:
    version: 15.4/15F31d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.14
    path: /opt/homebrew/opt/openjdk@17/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.76.7
    wanted: 0.76.7
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

info React Native v0.78.0 is now available (your project is running on v0.76.7).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.78.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.76.7&to=0.78.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=macos".

Stacktrace or Logs

https://gist.github.com/hems/729d577762e4df126ed9cac053da8aee

Reproducer

https://github.com/hems/expo-desktop-broken-input-field/

Screenshots and Videos

i can record and post it here today.

[shubhamguptadream11]

I think this is related to this one: #48544

The fix for this is already merged and will be released with 0.79. PR
cc: @cipolleschi

[cortinico]

Yup @shubhamguptadream11 I think you're right. Waiting for @cipolleschi for final confirmation and we can close this one 👍

[cipolleschi]

yep, that's duplication.
We fixed it and released in 0.78.1: 282cdc9
We are also backporting the fix to previous versions.

[hems]

I'm currently developing this app using Expo and I don't know how i can run the iOS build on my desktop.

For instance to run on iPad or iPhone i can use the iOS Simulator, but how do i do it for the desktop?

I asked on the Expo repository and no one replied me :(

Could anyone here please help me out on how to test this? ( cc @cipolleschi / @cortinico / @shubhamguptadream11 )

It would be great to actually get this feature built into Expo so debugging and testing this sort of feature would be easier!

Thank you so much!

[cipolleschi]

I'm not sure how you can do it from Expo CLI. However, if you can open your project on Xcode, you can select the My Mac (Designed for iPhone) destination as shown in the image below.

Expo website should have instructions on how to open the project in Xcode.