react-native 0.71.0-rc.4 → 0.71.0-rc.5

package/Libraries/Animated/Animated.d.ts

@@ -116,6 +116,17 @@ export namespace Animated {
 
   type ValueListenerCallback = (state: {value: number}) => void;
 
+  type Animation = {
+    start(
+      fromValue: number,
+      onUpdate: (value: number) => void,
+      onEnd: EndCallback | null,
+      previousAnimation: Animation | null,
+      animatedValue: AnimatedValue,
+    ): void;
+    stop(): void;
+  };
+
   /**
    * Standard value for driving animations.  One `Animated.Value` can drive
    * multiple properties in a synchronized fashion, but can only be driven by one
@@ -168,6 +179,13 @@ export namespace Animated {
      */
     stopAnimation(callback?: (value: number) => void): void;
 
+    /**
+     * Stops any animation and resets the value to its original.
+     *
+     * See https://reactnative.dev/docs/animatedvalue#resetanimation
+     */
+    resetAnimation(callback?: (value: number) => void): void;
+
     /**
      * Interpolates the value before updating the property, e.g. mapping 0-1 to
      * 0-10.
@@ -175,6 +193,14 @@ export namespace Animated {
     interpolate<OutputT extends number | string>(
       config: InterpolationConfigType,
     ): AnimatedInterpolation<OutputT>;
+
+    /**
+     * Typically only used internally, but could be used by a custom Animation
+     * class.
+     *
+     * See https://reactnative.dev/docs/animatedvalue#animate
+     */
+    animate(animation: Animation, callback?: EndCallback | null): void;
   }
 
   type ValueXYListenerCallback = (value: {x: number; y: number}) => void;
@@ -201,6 +227,8 @@ export namespace Animated {
 
     extractOffset(): void;
 
+    resetAnimation(callback?: (value: {x: number; y: number}) => void): void;
+
     stopAnimation(callback?: (value: {x: number; y: number}) => void): void;
 
     addListener(callback: ValueXYListenerCallback): string;

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.d.ts

@@ -69,6 +69,14 @@ export interface AccessibilityInfoStatic {
    */
   isReduceMotionEnabled: () => Promise<boolean>;
 
+  /**
+   * Query whether reduce motion and prefer cross-fade transitions settings are currently enabled.
+   *
+   * Returns a promise which resolves to a boolean.
+   * The result is `true` when  prefer cross-fade transitions is enabled and `false` otherwise.
+   */
+  prefersCrossFadeTransitions(): Promise<boolean>;
+
   /**
    * Query whether reduce transparency is currently enabled.
    *
@@ -81,6 +89,16 @@ export interface AccessibilityInfoStatic {
    */
   isScreenReaderEnabled: () => Promise<boolean>;
 
+  /**
+   * Query whether Accessibility Service is currently enabled.
+   *
+   * Returns a promise which resolves to a boolean.
+   * The result is `true` when any service is enabled and `false` otherwise.
+   *
+   * @platform android
+   */
+  isAccessibilityServiceEnabled(): Promise<boolean>;
+
   /**
    * Add an event handler. Supported events:
    * - announcementFinished: iOS-only event. Fires when the screen reader has finished making an announcement.
@@ -111,6 +129,17 @@ export interface AccessibilityInfoStatic {
    */
   announceForAccessibility: (announcement: string) => void;
 
+  /**
+   * Post a string to be announced by the screen reader.
+   * - `announcement`: The string announced by the screen reader.
+   * - `options`: An object that configures the reading options.
+   *   - `queue`: The announcement will be queued behind existing announcements. iOS only.
+   */
+  announceForAccessibilityWithOptions(
+    announcement: string,
+    options: {queue?: boolean},
+  ): void;
+
   /**
    * Gets the timeout in millisecond that the user needs.
    * This value is set in "Time to take action (Accessibility timeout)" of "Accessibility" settings.

package/Libraries/Components/ScrollView/ScrollView.d.ts

@@ -829,8 +829,8 @@ export class ScrollView extends ScrollViewBase {
           y?: number | undefined;
           animated?: boolean | undefined;
         },
-    x?: number,
-    animated?: boolean,
+    deprecatedX?: number,
+    deprecatedAnimated?: boolean,
   ): void;
 
   /**
@@ -841,7 +841,7 @@ export class ScrollView extends ScrollViewBase {
    * The options object has an animated prop, that enables the scrolling animation or not.
    * The animated prop defaults to true
    */
-  scrollToEnd(options?: {animated: boolean}): void;
+  scrollToEnd(options?: {animated?: boolean}): void;
 
   /**
    * Displays the scroll indicators momentarily.

package/Libraries/Core/ReactNativeVersion.js

@@ -13,5 +13,5 @@ exports.version = {
   major: 0,
   minor: 71,
   patch: 0,
-  prerelease: 'rc.4',
+  prerelease: 'rc.5',
 };

package/Libraries/Lists/FlatList.d.ts

@@ -19,48 +19,6 @@ import {ViewStyle} from '../StyleSheet/StyleSheetTypes';
 import {View} from '../Components/View/View';
 
 export interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
-  /**
-   * Rendered in between each item, but not at the top or bottom
-   */
-  ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;
-
-  /**
-   * Rendered when the list is empty.
-   */
-  ListEmptyComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Rendered at the very end of the list.
-   */
-  ListFooterComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListFooterComponent
-   */
-  ListFooterComponentStyle?: StyleProp<ViewStyle> | undefined;
-
-  /**
-   * Rendered at the very beginning of the list.
-   */
-  ListHeaderComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListHeaderComponent
-   */
-  ListHeaderComponentStyle?: StyleProp<ViewStyle> | undefined;
-
   /**
    * Optional custom style for multi-item rows generated when numColumns > 1
    */
@@ -248,6 +206,7 @@ export class FlatList<ItemT = any> extends React.Component<
   scrollToItem: (params: {
     animated?: boolean | null | undefined;
     item: ItemT;
+    viewOffset?: number | undefined;
     viewPosition?: number | undefined;
   }) => void;
 

package/Libraries/Lists/FlatList.js

@@ -334,6 +334,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
   scrollToItem(params: {
     animated?: ?boolean,
     item: ItemT,
+    viewOffset?: number,
     viewPosition?: number,
     ...
   }) {

package/Libraries/Lists/SectionList.d.ts

@@ -61,48 +61,6 @@ export type SectionListRenderItem<ItemT, SectionT = DefaultSectionT> = (
 
 export interface SectionListProps<ItemT, SectionT = DefaultSectionT>
   extends VirtualizedListWithoutRenderItemProps<ItemT> {
-  /**
-   * Rendered in between adjacent Items within each section.
-   */
-  ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;
-
-  /**
-   * Rendered when the list is empty.
-   */
-  ListEmptyComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Rendered at the very end of the list.
-   */
-  ListFooterComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListFooterComponent
-   */
-  ListFooterComponentStyle?: StyleProp<ViewStyle> | undefined | null;
-
-  /**
-   * Rendered at the very beginning of the list.
-   */
-  ListHeaderComponent?:
-    | React.ComponentType<any>
-    | React.ReactElement
-    | null
-    | undefined;
-
-  /**
-   * Styling for internal View for ListHeaderComponent
-   */
-  ListHeaderComponentStyle?: StyleProp<ViewStyle> | undefined | null;
-
   /**
    * Rendered in between each section.
    */

package/Libraries/Lists/VirtualizedList.d.ts

@@ -9,7 +9,14 @@
 
 import type * as React from 'react';
 import type {LayoutChangeEvent} from '../../types';
-import type {ScrollViewProps} from '../Components/ScrollView/ScrollView';
+import {StyleProp} from '../StyleSheet/StyleSheet';
+import {ViewStyle} from '../StyleSheet/StyleSheetTypes';
+import type {
+  ScrollResponderMixin,
+  ScrollView,
+  ScrollViewProps,
+} from '../Components/ScrollView/ScrollView';
+import type {View} from '../Components/View/View';
 
 export interface ViewToken {
   item: any;
@@ -96,6 +103,7 @@ export class VirtualizedList<ItemT> extends React.Component<
   scrollToItem: (params: {
     animated?: boolean | undefined;
     item: ItemT;
+    viewOffset?: number | undefined;
     viewPosition?: number | undefined;
   }) => void;
 
@@ -111,6 +119,13 @@ export class VirtualizedList<ItemT> extends React.Component<
   }) => void;
 
   recordInteraction: () => void;
+
+  getScrollRef: () =>
+    | React.ElementRef<typeof ScrollView>
+    | React.ElementRef<typeof View>
+    | null;
+
+  getScrollResponder: () => ScrollResponderMixin | null;
 }
 
 /**
@@ -124,6 +139,11 @@ export interface VirtualizedListProps<ItemT>
 
 export interface VirtualizedListWithoutRenderItemProps<ItemT>
   extends ScrollViewProps {
+  /**
+   * Rendered in between each item, but not at the top or bottom
+   */
+  ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;
+
   /**
    * Rendered when the list is empty. Can be a React Component Class, a render function, or
    * a rendered element.
@@ -144,6 +164,11 @@ export interface VirtualizedListWithoutRenderItemProps<ItemT>
     | null
     | undefined;
 
+  /**
+   * Styling for internal View for ListFooterComponent
+   */
+  ListFooterComponentStyle?: StyleProp<ViewStyle> | undefined;
+
   /**
    * Rendered at the top of all the items. Can be a React Component Class, a render function, or
    * a rendered element.
@@ -154,6 +179,11 @@ export interface VirtualizedListWithoutRenderItemProps<ItemT>
     | null
     | undefined;
 
+  /**
+   * Styling for internal View for ListHeaderComponent
+   */
+  ListHeaderComponentStyle?: StyleProp<ViewStyle> | undefined;
+
   /**
    * The default accessor functions assume this is an Array<{key: string}> but you can override
    * getItem, getItemCount, and keyExtractor to handle any type of index-based data.

package/Libraries/Lists/VirtualizedList.js

@@ -263,6 +263,7 @@ export default class VirtualizedList extends StateSafePureComponent<
   scrollToItem(params: {
     animated?: ?boolean,
     item: Item,
+    viewOffset?: number,
     viewPosition?: number,
     ...
   }) {

package/Libraries/PushNotificationIOS/PushNotificationIOS.d.ts

@@ -49,6 +49,11 @@ export interface PushNotification {
    */
   getData(): Object;
 
+  /**
+   * Gets the thread ID on the notif
+   */
+  getThreadId(): string;
+
   /**
    * iOS Only
    * Signifies remote notification handling is complete
@@ -135,6 +140,21 @@ export interface PushNotificationIOSStatic {
    */
   cancelAllLocalNotifications(): void;
 
+  /**
+   * Remove all delivered notifications from Notification Center.
+   */
+  removeAllDeliveredNotifications(): void;
+
+  /**
+   * Provides you with a list of the app’s notifications that are still displayed in Notification Center.
+   */
+  getDeliveredNotifications(callback: (notifications: Object[]) => void): void;
+
+  /**
+   * Removes the specified notifications from Notification Center
+   */
+  removeDeliveredNotifications(identifiers: string[]): void;
+
   /**
    * Cancel local notifications.
    * Optionally restricts the set of canceled notifications to those notifications whose userInfo fields match the corresponding fields in the userInfo argument.

package/Libraries/ReactNative/AppRegistry.d.ts

@@ -8,9 +8,12 @@
  */
 
 import type * as React from 'react';
+import type {IPerformanceLogger} from '../Utilities/createPerformanceLogger';
 
 type Task = (taskData: any) => Promise<void>;
 type TaskProvider = () => Task;
+type TaskCanceller = () => void;
+type TaskCancelProvider = () => TaskCanceller;
 
 export type ComponentProvider = () => React.ComponentType<any>;
 
@@ -22,6 +25,15 @@ export type AppConfig = {
   run?: Runnable | undefined;
 };
 
+export type ComponentProviderInstrumentationHook = (
+  component: ComponentProvider,
+  scopedPerformanceLogger: IPerformanceLogger,
+) => React.ComponentType<any>;
+
+export type WrapperComponentProvider = (
+  appParameters: any,
+) => React.ComponentType<any>;
+
 /**
  * `AppRegistry` is the JS entry point to running all React Native apps.  App
  * root components should register themselves with
@@ -38,17 +50,31 @@ export type AppConfig = {
  * `require`d.
  */
 export namespace AppRegistry {
+  export function setWrapperComponentProvider(
+    provider: WrapperComponentProvider,
+  ): void;
+
   export function registerConfig(config: AppConfig[]): void;
 
   export function registerComponent(
     appKey: string,
     getComponentFunc: ComponentProvider,
+    section?: boolean,
   ): string;
 
   export function registerRunnable(appKey: string, func: Runnable): string;
 
+  export function registerSection(
+    appKey: string,
+    component: ComponentProvider,
+  ): void;
+
   export function getAppKeys(): string[];
 
+  export function getSectionKeys(): string[];
+
+  export function getSections(): Record<string, Runnable>;
+
   export function unmountApplicationComponentAtRootTag(rootTag: number): void;
 
   export function runApplication(appKey: string, appParameters: any): void;
@@ -65,4 +91,29 @@ export namespace AppRegistry {
   ): void;
 
   export function getRunnable(appKey: string): Runnable | undefined;
+
+  export function getRegistry(): {sections: string[]; runnables: Runnable[]};
+
+  export function setComponentProviderInstrumentationHook(
+    hook: ComponentProviderInstrumentationHook,
+  ): void;
+
+  export function registerHeadlessTask(
+    taskKey: string,
+    taskProvider: TaskProvider,
+  ): void;
+
+  export function registerCancellableHeadlessTask(
+    taskKey: string,
+    taskProvider: TaskProvider,
+    taskCancelProvider: TaskCancelProvider,
+  ): void;
+
+  export function startHeadlessTask(
+    taskId: number,
+    taskKey: string,
+    data: any,
+  ): void;
+
+  export function cancelHeadlessTask(taskId: number, taskKey: string): void;
 }

package/Libraries/ReactNative/AppRegistry.js

@@ -51,7 +51,9 @@ export type Registry = {
   runnables: Runnables,
   ...
 };
-export type WrapperComponentProvider = any => React$ComponentType<any>;
+export type WrapperComponentProvider = (
+  appParameters: any,
+) => React$ComponentType<any>;
 
 const runnables: Runnables = {};
 let runCount = 1;

package/Libraries/ReactNative/RootTag.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import type * as React from 'react';
+
+export type RootTag = number;
+export const RootTagContext: React.Context<RootTag>;

package/Libraries/StyleSheet/StyleSheet.d.ts

@@ -87,9 +87,13 @@ export namespace StyleSheet {
    * an array, saving allocations and maintaining reference equality for
    * PureComponent checks.
    */
-  export function compose<T>(
-    style1: StyleProp<T> | Array<StyleProp<T>>,
-    style2: StyleProp<T> | Array<StyleProp<T>>,
+  export function compose<
+    T extends ViewStyle | TextStyle | ImageStyle,
+    U extends T,
+    V extends T,
+  >(
+    style1: StyleProp<U> | Array<StyleProp<U>>,
+    style2: StyleProp<V> | Array<StyleProp<V>>,
   ): StyleProp<T>;
 
   /**

package/Libraries/StyleSheet/StyleSheetTypes.d.ts

@@ -236,7 +236,6 @@ export interface ViewStyle extends FlexStyle, ShadowStyleIOS, TransformsStyle {
   borderTopWidth?: number | undefined;
   borderWidth?: number | undefined;
   opacity?: number | undefined;
-  testID?: string | undefined;
   /**
    * Sets the elevation of a view, using Android's underlying
    * [elevation API](https://developer.android.com/training/material/shadows-clipping.html#Elevation).

package/Libraries/Utilities/createPerformanceLogger.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+export type Timespan = {
+  startTime: number;
+  endTime?: number;
+  totalTime?: number;
+  startExtras?: Extras;
+  endExtras?: Extras;
+};
+
+// Extra values should be serializable primitives
+export type ExtraValue = number | string | boolean;
+
+export type Extras = {[key: string]: ExtraValue};
+
+export interface IPerformanceLogger {
+  addTimespan(
+    key: string,
+    startTime: number,
+    endTime: number,
+    startExtras?: Extras,
+    endExtras?: Extras,
+  ): void;
+  append(logger: IPerformanceLogger): void;
+  clear(): void;
+  clearCompleted(): void;
+  close(): void;
+  currentTimestamp(): number;
+  getExtras(): {[key: string]: ExtraValue | null};
+  getPoints(): {[key: string]: number | null};
+  getPointExtras(): {[key: string]: Extras | null};
+  getTimespans(): {[key: string]: Timespan | null};
+  hasTimespan(key: string): boolean;
+  isClosed(): boolean;
+  logEverything(): void;
+  markPoint(key: string, timestamp?: number, extras?: Extras): void;
+  removeExtra(key: string): ExtraValue | null;
+  setExtra(key: string, value: ExtraValue): void;
+  startTimespan(key: string, timestamp?: number, extras?: Extras): void;
+  stopTimespan(key: string, timestamp?: number, extras?: Extras): void;
+}

package/Libraries/Vibration/Vibration.d.ts

@@ -31,7 +31,7 @@
  * V(fixed) --wait(1s)--> V(fixed) --wait(2s)--> V(fixed) --wait(3s)--> V(fixed)
  */
 export interface VibrationStatic {
-  vibrate(pattern?: number | number[] | null, repeat?: boolean | null): void;
+  vibrate(pattern?: number | number[], repeat?: boolean): void;
 
   /**
    * Stop vibration

package/React/Base/RCTVersion.m

@@ -24,7 +24,7 @@ NSDictionary* RCTGetReactNativeVersion(void)
                   RCTVersionMajor: @(0),
                   RCTVersionMinor: @(71),
                   RCTVersionPatch: @(0),
-                  RCTVersionPrerelease: @"rc.4",
+                  RCTVersionPrerelease: @"rc.5",
                   };
   });
   return __rnVersion;

package/ReactAndroid/build.gradle

@@ -92,6 +92,10 @@ final def preparePrefab = tasks.register("preparePrefab", PreparePrefabHeadersTa
                 "react_newarchdefaults",
                 new Pair("src/main/jni/react/newarchdefaults", "")
             ),
+            new PrefabPreprocessingEntry(
+                "react_render_animations",
+                new Pair("../ReactCommon/react/renderer/animations/", "react/renderer/animations/")
+            ),
             new PrefabPreprocessingEntry(
                 "react_render_core",
                 new Pair("../ReactCommon/react/renderer/core/", "react/renderer/core/")
@@ -118,7 +122,7 @@ final def preparePrefab = tasks.register("preparePrefab", PreparePrefabHeadersTa
             new PrefabPreprocessingEntry(
                 "fabricjni",
                 [
-                    new Pair("src/main/jni/react/fabric", ""),
+                    new Pair("src/main/jni/react/fabric", "react/fabric/"),
                     new Pair("src/main/jni/react/cxxcomponents", "react/cxxcomponents/")
                 ]
             ),
@@ -453,6 +457,7 @@ android {
                     "react_debug",
                     "react_render_componentregistry",
                     "react_newarchdefaults",
+                    "react_render_animations",
                     "react_render_core",
                     "react_render_graphics",
                     "rrc_image",
@@ -538,6 +543,9 @@ android {
         react_newarchdefaults {
             headers(new File(prefabHeadersDir, "react_newarchdefaults").absolutePath)
         }
+        react_render_animations {
+            headers(new File(prefabHeadersDir, "react_render_animations").absolutePath)
+        }
         react_render_core {
             headers(new File(prefabHeadersDir, "react_render_core").absolutePath)
         }

package/ReactAndroid/gradle.properties

@@ -1,4 +1,4 @@
-VERSION_NAME=0.71.0-rc.4
+VERSION_NAME=0.71.0-rc.5
 GROUP=com.facebook.react
 
 # JVM Versions

package/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java

@@ -18,5 +18,5 @@ public class ReactNativeVersion {
       "major", 0,
       "minor", 71,
       "patch", 0,
-      "prerelease", "rc.4");
+      "prerelease", "rc.5");
 }

package/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultComponentsRegistry.h

@@ -7,8 +7,8 @@
 
 #pragma once
 
-#include <ComponentFactory.h>
 #include <fbjni/fbjni.h>
+#include <react/fabric/ComponentFactory.h>
 #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 #include <react/renderer/componentregistry/ComponentDescriptorRegistry.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>

package/ReactCommon/cxxreact/ReactNativeVersion.h

@@ -18,7 +18,7 @@ constexpr struct {
   int32_t Major = 0;
   int32_t Minor = 71;
   int32_t Patch = 0;
-  std::string_view Prerelease = "rc.4";
+  std::string_view Prerelease = "rc.5";
 } ReactNativeVersion;
 
 } // namespace facebook::react

package/ReactCommon/yoga/yoga/Yoga.cpp

@@ -2540,6 +2540,11 @@ static void YGJustifyMainAxis(
     const YGNodeRef child = node->getChild(i);
     const YGStyle& childStyle = child->getStyle();
     const YGLayout childLayout = child->getLayout();
+    const bool isLastChild = i == collectedFlexItemsValues.endOfLineIndex - 1;
+    // remove the gap if it is the last element of the line
+    if (isLastChild) {
+      betweenMainDim -= gap;
+    }
     if (childStyle.display() == YGDisplayNone) {
       continue;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native",
-  "version": "0.71.0-rc.4",
+  "version": "0.71.0-rc.5",
   "bin": "./cli.js",
   "description": "A framework for building native apps using React",
   "license": "MIT",
@@ -97,7 +97,8 @@
     "test-e2e-local": "node ./scripts/test-e2e-local.js",
     "test-e2e-local-clean": "node ./scripts/test-e2e-local-clean.js",
     "test-ios": "./scripts/objc-test.sh test",
-    "test-typescript": "dtslint types"
+    "test-typescript": "dtslint types",
+    "test-typescript-offline": "dtslint --localTs node_modules/typescript/lib types"
   },
   "peerDependencies": {
     "react": "18.2.0"
@@ -127,7 +128,7 @@
     "pretty-format": "^26.5.2",
     "promise": "^8.3.0",
     "react-devtools-core": "^4.26.1",
-    "react-native-gradle-plugin": "^0.71.11",
+    "react-native-gradle-plugin": "^0.71.12",
     "react-refresh": "^0.4.0",
     "react-shallow-renderer": "^16.15.0",
     "regenerator-runtime": "^0.13.2",

package/scripts/cocoapods/codegen_utils.rb

@@ -306,14 +306,25 @@ class CodegenUtils
       return @@CLEANUP_DONE
     end
 
-    def self.clean_up_build_folder(app_path, codegen_dir)
+    def self.clean_up_build_folder(app_path, ios_folder, codegen_dir)
       return if CodegenUtils.cleanup_done()
       CodegenUtils.set_cleanup_done(true)
 
-      codegen_path = File.join(app_path, codegen_dir)
+      codegen_path = File.join(app_path, ios_folder, codegen_dir)
       return if !Dir.exist?(codegen_path)
 
       FileUtils.rm_rf(Dir.glob("#{codegen_path}/*"))
-      CodegenUtils.set_cleanup_done(true)
+      CodegenUtils.assert_codegen_folder_is_empty(app_path, ios_folder, codegen_dir)
+    end
+
+    # Need to split this function from the previous one to be able to test it properly.
+    def self.assert_codegen_folder_is_empty(app_path, ios_folder, codegen_dir)
+      # double check that the files have actually been deleted.
+      # Emit an error message if not.
+      codegen_path = File.join(app_path, ios_folder, codegen_dir)
+      if Dir.exist?(codegen_path) && Dir.glob("#{codegen_path}/*").length() != 0
+        Pod::UI.warn "Unable to remove the content of #{codegen_path} folder. Please run rm -rf #{codegen_path} and try again."
+        abort
+      end
     end
 end

package/scripts/cocoapods/new_architecture.rb

@@ -76,12 +76,13 @@ class NewArchitectureHelper
         spec.compiler_flags = compiler_flags.empty? ? @@folly_compiler_flags : "#{compiler_flags} #{@@folly_compiler_flags}"
         current_config["HEADER_SEARCH_PATHS"] = current_headers.empty? ? boost_search_path : "#{current_headers} #{boost_search_path}"
         current_config["CLANG_CXX_LANGUAGE_STANDARD"] = @@cplusplus_version
-        spec.pod_target_xcconfig = current_config
+
 
         spec.dependency "React-Core"
         spec.dependency "RCT-Folly", '2021.07.22.00'
 
         if new_arch_enabled
+            current_config["OTHER_CPLUSPLUSFLAGS"] = @@new_arch_cpp_flags
             spec.dependency "React-RCTFabric" # This is for Fabric Component
             spec.dependency "React-Codegen"
 
@@ -90,6 +91,8 @@ class NewArchitectureHelper
             spec.dependency "ReactCommon/turbomodule/bridging"
             spec.dependency "ReactCommon/turbomodule/core"
         end
+
+        spec.pod_target_xcconfig = current_config
     end
 
     def self.folly_compiler_flags

package/scripts/cocoapods/utils.rb

@@ -163,4 +163,26 @@ class ReactNativePodsUtils
 
         system("echo 'export NODE_BINARY=$(command -v node)' > #{file_path}")
     end
+
+    # It examines the target_definition property and sets the appropriate value for
+    # ENV['USE_FRAMEWORKS'] variable.
+    #
+    # - parameter target_definition: The current target definition
+    def self.detect_use_frameworks(target_definition)
+        if ENV['USE_FRAMEWORKS'] != nil
+            return
+        end
+
+        framework_build_type = target_definition.build_type.to_s
+
+        Pod::UI.puts("Framework build type is #{framework_build_type}")
+
+        if framework_build_type === "static framework"
+            ENV['USE_FRAMEWORKS'] = 'static'
+        elsif framework_build_type === "dynamic framework"
+            ENV['USE_FRAMEWORKS'] = 'dynamic'
+        else
+            ENV['USE_FRAMEWORKS'] = nil
+        end
+    end
 end

package/scripts/react_native_pods.rb

@@ -51,6 +51,7 @@ end
 # - flipper_configuration: The configuration to use for flipper.
 # - app_path: path to the React Native app. Required by the New Architecture.
 # - config_file_dir: directory of the `package.json` file, required by the New Architecture.
+# - ios_folder: the folder where the iOS code base lives. For a template app, it is `ios`, the default. For RNTester, it is `.`.
 def use_react_native! (
   path: "../node_modules/react-native",
   fabric_enabled: false,
@@ -59,9 +60,15 @@ def use_react_native! (
   hermes_enabled: ENV['USE_HERMES'] && ENV['USE_HERMES'] == '0' ? false : true,
   flipper_configuration: FlipperConfiguration.disabled,
   app_path: '..',
-  config_file_dir: '')
+  config_file_dir: '',
+  ios_folder: 'ios'
+)
 
-  CodegenUtils.clean_up_build_folder(app_path, $CODEGEN_OUTPUT_DIR)
+  # Current target definition is provided by Cocoapods and it refers to the target
+  # that has invoked the `use_react_native!` function.
+  ReactNativePodsUtils.detect_use_frameworks(current_target_definition)
+
+  CodegenUtils.clean_up_build_folder(app_path, ios_folder, $CODEGEN_OUTPUT_DIR)
 
   # We are relying on this flag also in third parties libraries to proper install dependencies.
   # Better to rely and enable this environment flag if the new architecture is turned on using flags.

package/template/_eslintrc.js

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native',
+  extends: '@react-native-community',
 };

package/template/android/build.gradle

@@ -15,23 +15,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:7.4.0-beta05")
+        classpath("com.android.tools.build:gradle:7.3.1")
         classpath("com.facebook.react:react-native-gradle-plugin")
     }
 }
-
-allprojects {
-    repositories {
-        maven {
-            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
-            url("$rootDir/../node_modules/react-native/android")
-        }
-        maven {
-            // Android JSC is installed from npm
-            url("$rootDir/../node_modules/jsc-android/dist")
-        }
-        mavenCentral()
-        google()
-        maven { url 'https://www.jitpack.io' }
-    }
-}

package/template/package.json

@@ -11,7 +11,7 @@
   },
   "dependencies": {
     "react": "18.2.0",
-    "react-native": "0.71.0-rc.4"
+    "react-native": "0.71.0-rc.5"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",

package/types/index.d.ts

@@ -127,6 +127,7 @@ export * from '../Libraries/PushNotificationIOS/PushNotificationIOS';
 export * from '../Libraries/ReactNative/AppRegistry';
 export * from '../Libraries/ReactNative/I18nManager';
 export * from '../Libraries/ReactNative/RendererProxy';
+export * from '../Libraries/ReactNative/RootTag';
 export * from '../Libraries/ReactNative/UIManager';
 export * from '../Libraries/ReactNative/requireNativeComponent';
 export * from '../Libraries/Settings/Settings';