fix(react-native-host): 3rd party components on new arch 0.77+ (#3534)

Author: janicduplessis

.changeset/twenty-dancers-tap.md

@@ -0,0 +1,5 @@
+---
+"@rnx-kit/react-native-host": patch
+---
+
+Fix third party components on new arch 0.77+

packages/react-native-host/cocoa/RNXBridgelessHeaders.h

@@ -21,6 +21,12 @@
 #define USE_FEATURE_FLAGS
 #endif  // __has_include(<react/featureflags/ReactNativeFeatureFlags.h>)
 
+#if __has_include(<ReactCodegen/RCTThirdPartyComponentsProvider.h>)
+#define USE_CODEGEN_PROVIDER 1
+#import <ReactCodegen/RCTThirdPartyComponentsProvider.h>
+#import <React/RCTComponentViewFactory.h>
+#endif // __has_include(<ReactCodegen/RCTThirdPartyComponentsProvider.h>)
+
 #if __has_include(<react/runtime/JSEngineInstance.h>)
 using SharedJSRuntimeFactory = std::shared_ptr<facebook::react::JSEngineInstance>;
 #else

packages/react-native-host/cocoa/ReactNativeHost.mm

@@ -1,6 +1,8 @@
 #import "ReactNativeHost.h"
 
+// clang-format off
 #include "FollyConfig.h"
+// clang-format on
 
 #import <React/RCTBridge.h>
 #import <React/RCTBundleURLProvider.h>
@@ -27,6 +29,11 @@ @interface ReactNativeHost () <RCTCxxBridgeDelegate>
 #endif  // USE_BRIDGELESS
 @end
 
+#ifdef USE_CODEGEN_PROVIDER
+@interface ReactNativeHost () <RCTComponentViewFactoryComponentProvider>
+@end
+#endif  // USE_CODEGEN_PROVIDER
+
 @implementation ReactNativeHost {
     __weak id<RNXHostConfig> _config;
     NSDictionary *_launchOptions;
@@ -59,6 +66,11 @@ - (instancetype)initWithConfig:(id<RNXHostConfig>)config launchOptions:(NSDictio
             _hostReleaser = [[RNXHostReleaser alloc] initWithHost:self];
         }
 
+#ifdef USE_CODEGEN_PROVIDER
+        [RCTComponentViewFactory currentComponentViewFactory].thirdPartyFabricComponentsProvider =
+            self;
+#endif  // USE_CODEGEN_PROVIDER
+
 #ifdef USE_FEATURE_FLAGS
         if (self.isBridgelessEnabled) {
             facebook::react::ReactNativeFeatureFlags::override(
@@ -224,6 +236,15 @@ - (void)didCreateContextContainer:
 
 #endif  // USE_BRIDGELESS
 
+// MARK: - RCTComponentViewFactoryComponentProvider details
+
+#ifdef USE_CODEGEN_PROVIDER
+- (NSDictionary<NSString *, Class<RCTComponentViewProtocol>> *)thirdPartyFabricComponents
+{
+    return [RCTThirdPartyComponentsProvider thirdPartyFabricComponents];
+}
+#endif  // USE_CODEGEN_PROVIDER
+
 // MARK: - Private
 
 - (BOOL)isBridgelessEnabled
@@ -274,7 +295,7 @@ - (void)initializeReactHost
 #else
       return std::make_shared<facebook::react::RCTHermesInstance>(nullptr, false);
 #endif  // USE_REACT_NATIVE_CONFIG
-#else  // USE_HERMES
+#else   // USE_HERMES
       return std::make_shared<facebook::react::RCTJscInstance>();
 #endif  // USE_HERMES
     };