@callstack/react-native-brownfield 3.7.0 → 3.8.1

package/src/expo-config-plugin/android/withAndroidModuleFiles.ts

@@ -9,7 +9,17 @@ import type {
 } from '../types';
 import { Logger } from '../logging';
 import { renderTemplate } from '../template/engine';
-import { getExpoInfo } from '../expoUtils';
+import { getExpoInfo, hasExpoUpdatesInstalled } from '../expoUtils';
+import {
+  type AndroidManifestMetaDataEntry,
+  type AndroidStringResourceEntry,
+  renderLibraryManifestApplication,
+  renderLibraryStringResources,
+} from './utils/androidManifest';
+import {
+  readExpoUpdatesApplicationMetaData,
+  readExpoUpdatesStringResources,
+} from './utils/expo-updates';
 import { getHermesArtifact } from './utils/hermes';
 
 /**
@@ -20,7 +30,13 @@ export function createAndroidModule({
   config,
   rnVersion,
   isExpoPre55,
+  projectRoot,
 }: {
+  /**
+   * Expo app root (used to detect optional dependencies such as expo-updates)
+   */
+  projectRoot?: string;
+
   /**
    * Whether the Expo project is pre-55
    */
@@ -43,6 +59,7 @@ export function createAndroidModule({
 }): void {
   const { android } = config;
   const moduleDir = path.join(androidDir, android.moduleName);
+  const hasExpoUpdates = hasExpoUpdatesInstalled(projectRoot);
 
   Logger.logDebug(`Creating Android module in: ${androidDir}`);
 
@@ -70,10 +87,6 @@ export function createAndroidModule({
       relativePath: 'gradle.properties',
       content: renderTemplate('android', 'gradle.properties', {}),
     },
-    {
-      relativePath: 'src/main/AndroidManifest.xml',
-      content: renderTemplate('android', 'AndroidManifest.xml', {}),
-    },
     {
       relativePath: `src/main/java/${config.android.packageName.replace(/\./g, '/')}/ReactNativeHostManager.kt`,
       content: renderTemplate(
@@ -81,9 +94,19 @@ export function createAndroidModule({
         isExpoPre55
           ? 'ReactNativeHostManager.pre55.kt'
           : 'ReactNativeHostManager.post55.kt',
-        {
-          '{{PACKAGE_NAME}}': android.packageName,
-        }
+        isExpoPre55
+          ? {
+              '{{PACKAGE_NAME}}': android.packageName,
+              '{{EXPO_UPDATES_IMPORTS}}': hasExpoUpdates
+                ? 'import expo.modules.updates.UpdatesController'
+                : '',
+              '{{EXPO_UPDATES_REACT_HOST_BLOCK}}': hasExpoUpdates
+                ? '\n        UpdatesController.setReactHost(reactHost)\n'
+                : '\n',
+            }
+          : {
+              '{{PACKAGE_NAME}}': android.packageName,
+            }
       ),
     },
     {
@@ -111,11 +134,101 @@ export function createAndroidModule({
     Logger.logDebug(`Created file: ${filePath}`);
   }
 
+  syncAndroidModuleExpoUpdatesFromAppFiles({
+    androidDir,
+    config,
+  });
+
   Logger.logDebug(
     `Android module "${android.moduleName}" created at ${moduleDir}`
   );
 }
 
+export function syncAndroidModuleManifest({
+  androidDir,
+  config,
+  expoUpdatesMetaData,
+}: {
+  androidDir: string;
+  config: ResolvedBrownfieldPluginConfigWithAndroid;
+  expoUpdatesMetaData: AndroidManifestMetaDataEntry[];
+}): void {
+  writeAndroidModuleFile(
+    path.join(androidDir, config.android.moduleName),
+    'src/main/AndroidManifest.xml',
+    renderTemplate('android', 'AndroidManifest.xml', {
+      '{{APPLICATION_BLOCK}}':
+        renderLibraryManifestApplication(expoUpdatesMetaData),
+    })
+  );
+}
+
+export function syncAndroidModuleStringResources({
+  androidDir,
+  config,
+  expoUpdatesStringResources,
+}: {
+  androidDir: string;
+  config: ResolvedBrownfieldPluginConfigWithAndroid;
+  expoUpdatesStringResources: AndroidStringResourceEntry[];
+}): void {
+  writeAndroidModuleFile(
+    path.join(androidDir, config.android.moduleName),
+    'src/main/res/values/strings.xml',
+    renderTemplate('android', 'strings.xml', {
+      '{{STRING_RESOURCES}}': renderLibraryStringResources(
+        expoUpdatesStringResources
+      ),
+    })
+  );
+}
+
+function writeAndroidModuleFile(
+  moduleDir: string,
+  relativePath: string,
+  content: string
+): void {
+  const filePath = path.join(moduleDir, relativePath);
+  const fileDir = path.dirname(filePath);
+
+  if (!fs.existsSync(fileDir)) {
+    fs.mkdirSync(fileDir, { recursive: true });
+  }
+
+  fs.writeFileSync(filePath, content, 'utf8');
+  Logger.logDebug(`Created file: ${filePath}`);
+}
+
+export function syncAndroidModuleExpoUpdatesFromAppFiles({
+  androidDir,
+  config,
+}: {
+  androidDir: string;
+  config: ResolvedBrownfieldPluginConfigWithAndroid;
+}): void {
+  const appModuleName = 'app';
+  const expoUpdatesMetaData = readExpoUpdatesApplicationMetaData(
+    androidDir,
+    appModuleName
+  );
+  const expoUpdatesStringResources = readExpoUpdatesStringResources(
+    androidDir,
+    appModuleName,
+    expoUpdatesMetaData
+  );
+
+  syncAndroidModuleManifest({
+    androidDir,
+    config,
+    expoUpdatesMetaData,
+  });
+  syncAndroidModuleStringResources({
+    androidDir,
+    config,
+    expoUpdatesStringResources,
+  });
+}
+
 /**
  * Dangerous mod that creates the Android module directory and files
  */
@@ -154,6 +267,7 @@ export const withAndroidModuleFiles: ConfigPlugin<
         config: props,
         rnVersion,
         isExpoPre55,
+        projectRoot: dangerousConfig.modRequest.projectRoot,
       });
 
       return dangerousConfig;

package/src/expo-config-plugin/android/withBrownfieldAndroid.ts

@@ -1,6 +1,7 @@
 import {
   withProjectBuildGradle,
   withSettingsGradle,
+  withFinalizedMod,
   type ConfigPlugin,
 } from '@expo/config-plugins';
 
@@ -8,7 +9,10 @@ import {
   modifyRootBuildGradle,
   modifySettingsGradle,
 } from './utils/gradleHelpers';
-import { withAndroidModuleFiles } from './withAndroidModuleFiles';
+import {
+  syncAndroidModuleExpoUpdatesFromAppFiles,
+  withAndroidModuleFiles,
+} from './withAndroidModuleFiles';
 import type { ResolvedBrownfieldPluginConfigWithAndroid } from '../types';
 
 /**
@@ -47,5 +51,18 @@ export const withBrownfieldAndroid: ConfigPlugin<
   // Step 3: create the Android module files using dangerous mod
   config = withAndroidModuleFiles(config, props);
 
+  // Step 4: sync module metadata after Expo writes all Android files
+  config = withFinalizedMod(config, [
+    'android',
+    async (finalizedConfig) => {
+      syncAndroidModuleExpoUpdatesFromAppFiles({
+        androidDir: finalizedConfig.modRequest.platformProjectRoot,
+        config: props,
+      });
+
+      return finalizedConfig;
+    },
+  ]);
+
   return config;
 };

package/src/expo-config-plugin/expoUtils.ts

@@ -10,3 +10,17 @@ export function getExpoInfo(config: ExpoConfig) {
     isExpoPre55,
   };
 }
+
+export function hasExpoUpdatesInstalled(
+  projectRoot: string | undefined
+): boolean {
+  if (!projectRoot) return false;
+  try {
+    require.resolve('expo-updates/package.json', {
+      paths: [projectRoot],
+    });
+    return true;
+  } catch {
+    return false;
+  }
+}

package/src/expo-config-plugin/ios/utils/expo-updates.ts

@@ -0,0 +1,168 @@
+import type { XcodeProject } from '@expo/config-plugins';
+
+import { Logger } from '../../logging';
+import { SourceModificationError } from '../../errors/SourceModificationError';
+import { ensureTargetHasFileReferenceInResourcesBuildPhase } from '../xcodeHelpers';
+
+type PbxFileReference = {
+  [key: string]: unknown;
+  name?: string;
+  path?: string;
+};
+
+type PbxGroupLike = {
+  [key: string]: unknown;
+  name?: string;
+  path?: string;
+  children?: Array<{ value?: string; comment?: string } | string>;
+};
+
+const EXPO_PLIST_FILE_NAME = 'Expo.plist';
+const EXPO_PLIST_PRIMARY_RELATIVE_PATH = 'Supporting/Expo.plist';
+const RESOURCES_BUILD_PHASE_COMMENT = 'Resources';
+const EXPO_PLIST_RESOURCE_COMMENT = 'Expo.plist in Resources';
+
+function normalizePbxString(value: unknown): string {
+  return String(value ?? '').replace(/^"(.*)"$/, '$1');
+}
+
+function normalizePbxPathLike(value: unknown): string {
+  return normalizePbxString(value).replace(/^\.\//, '');
+}
+
+function isSupportingGroup(group: PbxGroupLike): boolean {
+  const groupName = normalizePbxString(group.name);
+  const groupPath = normalizePbxString(group.path);
+
+  return (
+    groupName === 'Supporting' ||
+    groupPath === 'Supporting' ||
+    groupPath.endsWith('/Supporting')
+  );
+}
+
+function groupContainsFileReference(
+  group: PbxGroupLike,
+  fileRefUuid: string
+): boolean {
+  const children = Array.isArray(group.children) ? group.children : [];
+
+  return children.some((child) => {
+    if (typeof child === 'string') {
+      return child === fileRefUuid;
+    }
+
+    return child?.value === fileRefUuid;
+  });
+}
+
+function isPrimaryExpoPlistMatch(
+  fileRefUuid: string,
+  fileRef: PbxFileReference,
+  groups?: Record<string, PbxGroupLike | string>
+): boolean {
+  const normalizedPath = normalizePbxPathLike(fileRef.path);
+  const fileName = normalizePbxString(fileRef.name);
+
+  if (
+    normalizedPath === EXPO_PLIST_PRIMARY_RELATIVE_PATH ||
+    normalizedPath.endsWith(`/${EXPO_PLIST_PRIMARY_RELATIVE_PATH}`)
+  ) {
+    return true;
+  }
+
+  if (
+    normalizedPath !== EXPO_PLIST_FILE_NAME &&
+    fileName !== EXPO_PLIST_FILE_NAME
+  ) {
+    return false;
+  }
+
+  return Object.entries(groups ?? {}).some(([groupUuid, group]) => {
+    if (groupUuid.endsWith('_comment') || typeof group === 'string') {
+      return false;
+    }
+
+    return (
+      isSupportingGroup(group) && groupContainsFileReference(group, fileRefUuid)
+    );
+  });
+}
+
+/**
+ * Selects an existing PBXFileReference for the app-level Expo plist.
+ *
+ * Matches either:
+ * - a file reference whose own path is `Supporting/Expo.plist`
+ * - or an `Expo.plist` file reference that lives under a `Supporting` PBXGroup
+ */
+export function selectExpoPlistFileReference(
+  fileReferences: Record<string, PbxFileReference | string>,
+  groups?: Record<string, PbxGroupLike | string>
+): string | null {
+  for (const [fileRefUuid, fileRef] of Object.entries(fileReferences)) {
+    if (fileRefUuid.endsWith('_comment') || typeof fileRef === 'string') {
+      continue;
+    }
+
+    if (isPrimaryExpoPlistMatch(fileRefUuid, fileRef, groups)) {
+      return fileRefUuid;
+    }
+  }
+
+  return null;
+}
+
+function getExpoPlistFileRefOrThrow(project: XcodeProject): string {
+  const fileReferences = project.pbxFileReferenceSection() as Record<
+    string,
+    PbxFileReference | string
+  >;
+  const groups = (project as any).hash?.project?.objects?.PBXGroup as
+    | Record<string, PbxGroupLike | string>
+    | undefined;
+  const existingExpoPlistFileRefUuid = selectExpoPlistFileReference(
+    fileReferences,
+    groups
+  );
+
+  if (existingExpoPlistFileRefUuid) {
+    return existingExpoPlistFileRefUuid;
+  }
+
+  throw new SourceModificationError(
+    `Could not find the "${EXPO_PLIST_PRIMARY_RELATIVE_PATH}" PBXFileReference needed for Expo.plist resource wiring`
+  );
+}
+
+/**
+ * Ensures the framework target contains the app-level `Supporting/Expo.plist`
+ * in a `PBXResourcesBuildPhase`. This is idempotent and safe to call repeatedly.
+ */
+export function ensureFrameworkHasExpoPlistResource(
+  project: XcodeProject,
+  frameworkTargetUUID: string
+): void {
+  const expoPlistFileRefUuid = getExpoPlistFileRefOrThrow(project);
+  const didAddExpoPlistResource =
+    ensureTargetHasFileReferenceInResourcesBuildPhase(
+      project,
+      frameworkTargetUUID,
+      expoPlistFileRefUuid,
+      {
+        resourcesBuildPhaseComment: RESOURCES_BUILD_PHASE_COMMENT,
+        buildFileComment: EXPO_PLIST_RESOURCE_COMMENT,
+      }
+    );
+
+  if (!didAddExpoPlistResource) {
+    Logger.logDebug(
+      'Framework resources already include Supporting/Expo.plist'
+    );
+    return;
+  }
+
+  Logger.logDebug(
+    'Added Supporting/Expo.plist to framework PBXResourcesBuildPhase'
+  );
+}

package/src/expo-config-plugin/ios/withBrownfieldIos.ts

@@ -11,10 +11,11 @@ import {
   copyBundleReactNativePhase,
 } from './xcodeHelpers';
 import { modifyPodfile } from './podfileHelpers';
+import { ensureFrameworkHasExpoPlistResource } from './utils/expo-updates';
 import { withIosFrameworkFiles } from './withIosFrameworkFiles';
 import type { ResolvedBrownfieldPluginConfigWithIos } from '../types';
 import { Logger } from '../logging';
-import { getExpoInfo } from '../expoUtils';
+import { getExpoInfo, hasExpoUpdatesInstalled } from '../expoUtils';
 
 /**
  * iOS Config Plugin for integration with @callstack/react-native-brownfield.
@@ -34,6 +35,7 @@ export const withBrownfieldIos: ConfigPlugin<
   // Step 1: modify the Xcode project to add framework target &
   config = withXcodeProject(config, (xcodeConfig) => {
     const { modResults: project, modRequest } = xcodeConfig;
+    const hasExpoUpdates = hasExpoUpdatesInstalled(modRequest.projectRoot);
 
     const { frameworkTargetUUID, targetAlreadyExists } = addFrameworkTarget(
       project,
@@ -41,6 +43,16 @@ export const withBrownfieldIos: ConfigPlugin<
       props.ios
     );
 
+    // Ensure Expo.plist is present in the framework resources phase when
+    // expo-updates is installed, including for pre-existing framework targets.
+    if (hasExpoUpdates) {
+      ensureFrameworkHasExpoPlistResource(project, frameworkTargetUUID);
+    } else {
+      Logger.logDebug(
+        'Skipping Expo.plist framework resource wiring because expo-updates is not installed'
+      );
+    }
+
     if (targetAlreadyExists) {
       Logger.logDebug(
         `Skipping further Xcode modifications as framework target was already present`

package/src/expo-config-plugin/ios/xcodeHelpers.ts

@@ -182,6 +182,220 @@ export function addSourceFilesBuildPhase(
   );
 }
 
+export type PbxReferenceLike = { value?: string; comment?: string } | string;
+
+export type PbxNativeTarget = {
+  buildPhases?: PbxReferenceLike[];
+  name?: string;
+};
+
+export type PbxResourcesBuildPhase = {
+  isa: 'PBXResourcesBuildPhase';
+  buildActionMask: number;
+  files?: PbxReferenceLike[];
+  runOnlyForDeploymentPostprocessing: number;
+};
+
+export type PbxBuildFile = {
+  isa: 'PBXBuildFile';
+  fileRef: string;
+};
+
+export type PbxCommentedReference = { value: string; comment: string };
+
+const PBX_BUILD_ACTION_MASK_ALL = 2147483647;
+const PBX_RUN_ONLY_FOR_DEPLOYMENT_POSTPROCESSING_DISABLED = 0;
+const PBX_RESOURCES_BUILD_PHASE_ISA = 'PBXResourcesBuildPhase';
+const PBX_BUILD_FILE_ISA = 'PBXBuildFile';
+
+export function createPbxCommentedReference(
+  value: string,
+  comment: string
+): PbxCommentedReference {
+  return { value, comment };
+}
+
+function createResourcesBuildPhase(): PbxResourcesBuildPhase {
+  return {
+    isa: PBX_RESOURCES_BUILD_PHASE_ISA,
+    buildActionMask: PBX_BUILD_ACTION_MASK_ALL,
+    files: [],
+    runOnlyForDeploymentPostprocessing:
+      PBX_RUN_ONLY_FOR_DEPLOYMENT_POSTPROCESSING_DISABLED,
+  };
+}
+
+function createBuildFile(fileRef: string): PbxBuildFile {
+  return {
+    isa: PBX_BUILD_FILE_ISA,
+    fileRef,
+  };
+}
+
+function getRawProjectObjects(project: XcodeProject): Record<string, any> {
+  return (project as any).hash?.project?.objects ?? {};
+}
+
+function getReferencedUuid(
+  reference: PbxReferenceLike | undefined
+): string | null {
+  if (!reference) {
+    return null;
+  }
+
+  return typeof reference === 'string' ? reference : (reference.value ?? null);
+}
+
+function getFrameworkTargetOrThrow(
+  project: XcodeProject,
+  frameworkTargetUUID: string
+): PbxNativeTarget {
+  const nativeTargets = getRawProjectObjects(project).PBXNativeTarget as
+    | Record<string, PbxNativeTarget>
+    | undefined;
+  const frameworkTarget = nativeTargets?.[frameworkTargetUUID];
+
+  if (!frameworkTarget) {
+    throw new SourceModificationError(
+      `Framework target UUID "${frameworkTargetUUID}" not found while wiring a resources build phase`
+    );
+  }
+
+  return frameworkTarget;
+}
+
+function getOrCreateResourcesBuildPhaseForTarget(
+  project: XcodeProject,
+  frameworkTargetUUID: string,
+  frameworkTarget: PbxNativeTarget,
+  resourcesBuildPhaseComment: string
+): PbxResourcesBuildPhase {
+  const rawProjectObjects = getRawProjectObjects(project);
+  const resourceBuildPhases = (rawProjectObjects.PBXResourcesBuildPhase ??
+    (rawProjectObjects.PBXResourcesBuildPhase = {})) as Record<
+    string,
+    PbxResourcesBuildPhase | string
+  >;
+
+  const resourcesBuildPhaseUuid = (frameworkTarget.buildPhases ?? [])
+    .map((phase) => getReferencedUuid(phase))
+    .find((phaseUuid): phaseUuid is string => {
+      return !!phaseUuid && !!resourceBuildPhases[phaseUuid];
+    });
+
+  if (resourcesBuildPhaseUuid) {
+    return resourceBuildPhases[
+      resourcesBuildPhaseUuid
+    ] as PbxResourcesBuildPhase;
+  }
+
+  const createdResourcesBuildPhaseUuid = (project as any).generateUuid();
+  resourceBuildPhases[createdResourcesBuildPhaseUuid] =
+    createResourcesBuildPhase();
+  resourceBuildPhases[`${createdResourcesBuildPhaseUuid}_comment`] =
+    resourcesBuildPhaseComment;
+
+  const targetBuildPhases = Array.isArray(frameworkTarget.buildPhases)
+    ? frameworkTarget.buildPhases
+    : [];
+  targetBuildPhases.push(
+    createPbxCommentedReference(
+      createdResourcesBuildPhaseUuid,
+      resourcesBuildPhaseComment
+    )
+  );
+  frameworkTarget.buildPhases = targetBuildPhases;
+
+  Logger.logDebug(
+    `Created missing PBXResourcesBuildPhase for framework target "${frameworkTargetUUID}"`
+  );
+
+  return resourceBuildPhases[
+    createdResourcesBuildPhaseUuid
+  ] as PbxResourcesBuildPhase;
+}
+
+function hasBuildFileForFileRef(
+  project: XcodeProject,
+  resourcesBuildPhase: PbxResourcesBuildPhase,
+  fileRefUuid: string
+): boolean {
+  const buildFileSection = project.pbxBuildFileSection() as Record<
+    string,
+    PbxBuildFile
+  >;
+  const files = Array.isArray(resourcesBuildPhase.files)
+    ? resourcesBuildPhase.files
+    : [];
+
+  return files.some((phaseFile) => {
+    const buildFileUuid = getReferencedUuid(phaseFile);
+    if (!buildFileUuid) {
+      return false;
+    }
+
+    return buildFileSection[buildFileUuid]?.fileRef === fileRefUuid;
+  });
+}
+
+function addBuildFileToResourcesPhase(
+  project: XcodeProject,
+  resourcesBuildPhase: PbxResourcesBuildPhase,
+  fileRefUuid: string,
+  buildFileComment: string
+): void {
+  const buildFileSection = project.pbxBuildFileSection() as Record<
+    string,
+    PbxBuildFile | string
+  >;
+  const buildFileUuid = (project as any).generateUuid();
+
+  buildFileSection[buildFileUuid] = createBuildFile(fileRefUuid);
+  buildFileSection[`${buildFileUuid}_comment`] = buildFileComment;
+
+  const files = Array.isArray(resourcesBuildPhase.files)
+    ? resourcesBuildPhase.files
+    : [];
+  files.push(createPbxCommentedReference(buildFileUuid, buildFileComment));
+  resourcesBuildPhase.files = files;
+}
+
+type ResourcesBuildPhaseOptions = {
+  resourcesBuildPhaseComment: string;
+  buildFileComment: string;
+};
+
+export function ensureTargetHasFileReferenceInResourcesBuildPhase(
+  project: XcodeProject,
+  frameworkTargetUUID: string,
+  fileRefUuid: string,
+  { resourcesBuildPhaseComment, buildFileComment }: ResourcesBuildPhaseOptions
+): boolean {
+  const frameworkTarget = getFrameworkTargetOrThrow(
+    project,
+    frameworkTargetUUID
+  );
+  const resourcesBuildPhase = getOrCreateResourcesBuildPhaseForTarget(
+    project,
+    frameworkTargetUUID,
+    frameworkTarget,
+    resourcesBuildPhaseComment
+  );
+
+  if (hasBuildFileForFileRef(project, resourcesBuildPhase, fileRefUuid)) {
+    return false;
+  }
+
+  addBuildFileToResourcesPhase(
+    project,
+    resourcesBuildPhase,
+    fileRefUuid,
+    buildFileComment
+  );
+
+  return true;
+}
+
 /**
  * Returns build settings for the framework target
  * @param options The user configuration
@@ -277,10 +491,9 @@ export function copyBundleReactNativePhase(
           (phase: { value: string }) => phase.value === existingPhaseUuid
         )
       ) {
-        target.buildPhases.push({
-          value: existingPhaseUuid,
-          comment: buildPhaseName,
-        });
+        target.buildPhases.push(
+          createPbxCommentedReference(existingPhaseUuid, buildPhaseName)
+        );
 
         Logger.logDebug(
           `Added "${buildPhaseName}" build phase to framework target ${target.name}`

package/src/expo-config-plugin/template/android/AndroidManifest.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
-
+{{APPLICATION_BLOCK}}
 </manifest>

package/src/expo-config-plugin/template/android/ReactNativeHostManager.pre55.kt

@@ -10,6 +10,7 @@ import com.facebook.react.defaults.DefaultReactNativeHost
 import expo.modules.ApplicationLifecycleDispatcher
 import expo.modules.ExpoReactHostFactory
 import expo.modules.ReactNativeHostWrapper
+{{EXPO_UPDATES_IMPORTS}}
 
 object ReactNativeHostManager {
     fun initialize(application: Application, onJSBundleLoaded: OnJSBundleLoaded? = null) {
@@ -33,11 +34,15 @@ object ReactNativeHostManager {
                 override fun getBundleAssetName(): String = "index.android.bundle"
             })
 
+
         ReactNativeBrownfield.initialize(application, onJSBundleLoaded) {
-            ExpoReactHostFactory.createFromReactNativeHost(
+            val reactHost = ExpoReactHostFactory.createFromReactNativeHost(
                 context = application.applicationContext,
                 reactNativeHost = reactNativeHost
             )
+    
+            {{EXPO_UPDATES_REACT_HOST_BLOCK}}
+            reactHost
         }
     }