yarn dev:ios

[stephanevallejo]

Hello,

I did:
yarn install
and next did:
yarn dev:ios
to test on Apple TV but I have this error:

✔ Created native directory
› Using react-native@npm:react-native-tvos@~0.81.0-0 instead of recommended react-native@0.81.5.
✔ Updated package.json | no changes
» ios: icon: No icon is defined in the Expo config.
✖ Prebuild failed
Error: [ios.appDelegate]: withIosAppDelegateBaseMod: Failed to match "@implementation AppDelegate" in contents:
import Expo
import React
import ReactAppDependencyProvider

@UIApplicationMain
public class AppDelegate: ExpoAppDelegate {
  var window: UIWindow?

  var reactNativeDelegate: ExpoReactNativeFactoryDelegate?
  var reactNativeFactory: RCTReactNativeFactory?

  public override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
  ) -> Bool {
    let delegate = ReactNativeDelegate()
    let factory = ExpoReactNativeFactory(delegate: delegate)
    delegate.dependencyProvider = RCTAppDependencyProvider()

    reactNativeDelegate = delegate
    reactNativeFactory = factory
    bindReactNativeFactory(factory)

#if os(iOS) || os(tvOS)
    window = UIWindow(frame: UIScreen.main.bounds)
    factory.startReactNative(
      withModuleName: "main",
      in: window,
      launchOptions: launchOptions)
#endif

    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }

  // Linking API
  public override func application(
    _ app: UIApplication,
    open url: URL,
    options: [UIApplication.OpenURLOptionsKey: Any] = [:]
  ) -> Bool {
    return super.application(app, open: url, options: options) || RCTLinkingManager.application(app, open: url, options: options)
  }

  // Universal Links
  public override func application(
    _ application: UIApplication,
    continue userActivity: NSUserActivity,
    restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void
  ) -> Bool {
    let result = RCTLinkingManager.application(application, continue: userActivity, restorationHandler: restorationHandler)
    return super.application(application, continue: userActivity, restorationHandler: restorationHandler) || result
  }
}

class ReactNativeDelegate: ExpoReactNativeFactoryDelegate {
  // Extension point for config-plugins

  override func sourceURL(for bridge: RCTBridge) -> URL? {
    // needed to return the correct URL for expo-dev-client.
    bridge.bundleURL ?? bundleURL()
  }

  override func bundleURL() -> URL? {
#if DEBUG
    return RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: ".expo/.virtual-metro-entry")
#else
    return Bundle.main.url(forResource: "main", withExtension: "jsbundle")
#endif
  }
}

Error: [ios.appDelegate]: withIosAppDelegateBaseMod: Failed to match "@implementation AppDelegate" in contents:
import Expo
import React
import ReactAppDependencyProvider

@UIApplicationMain
public class AppDelegate: ExpoAppDelegate {
  var window: UIWindow?

  var reactNativeDelegate: ExpoReactNativeFactoryDelegate?
  var reactNativeFactory: RCTReactNativeFactory?

  public override func application(
    _ application: UIApplication,
    didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
  ) -> Bool {
    let delegate = ReactNativeDelegate()
    let factory = ExpoReactNativeFactory(delegate: delegate)
    delegate.dependencyProvider = RCTAppDependencyProvider()

    reactNativeDelegate = delegate
    reactNativeFactory = factory
    bindReactNativeFactory(factory)

#if os(iOS) || os(tvOS)
    window = UIWindow(frame: UIScreen.main.bounds)
    factory.startReactNative(
      withModuleName: "main",
      in: window,
      launchOptions: launchOptions)
#endif

    return super.application(application, didFinishLaunchingWithOptions: launchOptions)
  }

  // Linking API
  public override func application(
    _ app: UIApplication,
    open url: URL,
    options: [UIApplication.OpenURLOptionsKey: Any] = [:]
  ) -> Bool {
    return super.application(app, open: url, options: options) || RCTLinkingManager.application(app, open: url, options: options)
  }

  // Universal Links
  public override func application(
    _ application: UIApplication,
    continue userActivity: NSUserActivity,
    restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void
  ) -> Bool {
    let result = RCTLinkingManager.application(application, continue: userActivity, restorationHandler: restorationHandler)
    return super.application(application, continue: userActivity, restorationHandler: restorationHandler) || result
  }
}

class ReactNativeDelegate: ExpoReactNativeFactoryDelegate {
  // Extension point for config-plugins

  override func sourceURL(for bridge: RCTBridge) -> URL? {
    // needed to return the correct URL for expo-dev-client.
    bridge.bundleURL ?? bundleURL()
  }

  override func bundleURL() -> URL? {
#if DEBUG
    return RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: ".expo/.virtual-metro-entry")
#else
    return Bundle.main.url(forResource: "main", withExtension: "jsbundle")
#endif
  }
}

    at addLines (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@bam.tech/react-native-keyevent-expo-config-plugin/node_modules/@expo/config-plugins/src/utils/generateCode.ts:82:19)
    at mergeContents (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@bam.tech/react-native-keyevent-expo-config-plugin/node_modules/@expo/config-plugins/src/utils/generateCode.ts:55:17)
    at action (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@bam.tech/react-native-keyevent-expo-config-plugin/build/withReactNativeKeyevent.js:61:60)
    at action (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@bam.tech/react-native-keyevent-expo-config-plugin/node_modules/@expo/config-plugins/src/plugins/withMod.ts:228:29)
    at nextMod (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@bam.tech/react-native-keyevent-expo-config-plugin/node_modules/@expo/config-plugins/src/plugins/withMod.ts:109:27)
    at action (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@expo/config-plugins/src/plugins/withMod.ts:229:14)
    at interceptingMod (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@expo/config-plugins/src/plugins/withMod.ts:109:21)
    at action (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@expo/config-plugins/src/plugins/createBaseMod.ts:82:21)
    at interceptingMod (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@expo/config-plugins/src/plugins/withMod.ts:109:21)
    at evalModsAsync (/Users/stephane/Documents/Nexup/customers/moselletv/apps/MoselleTV-tvOS/apps/expo-multi-tv/node_modules/@expo/config-plugins/src/plugins/mod-compiler.ts:190:25)

[iAMkVIN-S]

Did you just start using this template recently? (since the merge of PR#83 or have you been using for longer and just started having this error?

What versions of the core technologies are you using?

• React Native / react-native-tvos
• Expo
• TypeScript
• React Navigation
• react-tv-space-navigation

[stephanevallejo]

Here’s the background:
Last year, I used the older version of this guide with:

• Expo 51
• React Native tvOS 0.74
  I was able to publish my app on tvOS, Google TV, and Fire TV

I wanted to update my app on tvOS, but Apple rejected the update.

I have to switch to Expo 54 (to build with Xcode 26).

So I cloned the latest version of this project to recreate my app from that version.

I didn’t change anything in package.json

• React Native / react-native-tvos: 0.81
• Expo: 54
• TypeScript: 5.7.0
• React Navigation: 7.0.0
• react-tv-space-navigation: 6.0.0-beta1

[giolaq]

Hi @stephanevallejo, thanks for reporting this!

The root cause is that @bam.tech/react-native-keyevent-expo-config-plugin hasn't been updated since May 2024 (v1.0.52) and expects an Objective-C AppDelegate (@implementation AppDelegate). However, Expo 54 with react-native-tvos 0.81 now generates a Swift-based AppDelegate, which breaks the plugin's regex matching.

The good news is that the iOS side of this plugin was never actually needed for this project as the tvOS RemoteControlManager uses React Native's built-in TVEventHandler for key events, not react-native-keyevent (which is only used on Android).

The fix replaces the third-party plugin with a local Android-only config plugin and addresses a few other build issues that surface with the current dependency versions (tvOS deployment target, Kotlin version, compileSdk).

PR:
main...giolaq:react-native-multi-tv-app-sample:fix/issue-93-ios-prebuild-swift-appdelegate

After the fix, both yarn dev:ios and yarn dev:android build and run successfully.