From fdc28363055b95a164c60ea656e1f265e8b0e2c1 Mon Sep 17 00:00:00 2001
From: Luna Wei <luwe@meta.com>
Date: Wed, 4 Jan 2023 13:58:40 -0800
Subject: [PATCH] Fix processColor ESM for codegen

Summary: Changelog: [Internal] Fix broken usage of `processColor`

Reviewed By: GijsWeterings

Differential Revision: D42346452

fbshipit-source-id: 20be00210f5b68c15292c8a8c1cd918b23fb1fd6
---
 .../__snapshots__/GenerateViewConfigJs-test.js.snap         | 6 +++---
 .../src/generators/components/GenerateViewConfigJs.js       | 2 +-
 .../__snapshots__/GenerateViewConfigJs-test.js.snap         | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap
index 12fa79b3d4f..9d923b9e3d8 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap
@@ -107,7 +107,7 @@ export const __INTERNAL_VIEW_CONFIG = {
 
   validAttributes: {
     tintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor'),
+      process: require('react-native/Libraries/StyleSheet/processColor').default,
     },
   },
 };
@@ -502,11 +502,11 @@ export const __INTERNAL_VIEW_CONFIG = {
     },
 
     color: {
-      process: require('react-native/Libraries/StyleSheet/processColor'),
+      process: require('react-native/Libraries/StyleSheet/processColor').default,
     },
 
     thumbTintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor'),
+      process: require('react-native/Libraries/StyleSheet/processColor').default,
     },
 
     point: {
diff --git a/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js b/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
index 17c395d6dc8..39d6b36782f 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
@@ -65,7 +65,7 @@ function getReactDiffProcessValue(typeAnnotation: PropTypeAnnotation) {
       switch (typeAnnotation.name) {
         case 'ColorPrimitive':
           return j.template
-            .expression`{ process: require('react-native/Libraries/StyleSheet/processColor') }`;
+            .expression`{ process: require('react-native/Libraries/StyleSheet/processColor').default }`;
         case 'ImageSourcePrimitive':
           return j.template
             .expression`{ process: require('react-native/Libraries/Image/resolveAssetSource') }`;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
index a48a2426a81..0133eb30fab 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
@@ -142,7 +142,7 @@ export const __INTERNAL_VIEW_CONFIG = {
 
   validAttributes: {
     tintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor'),
+      process: require('react-native/Libraries/StyleSheet/processColor').default,
     },
   },
 };
@@ -812,11 +812,11 @@ export const __INTERNAL_VIEW_CONFIG = {
     },
 
     color: {
-      process: require('react-native/Libraries/StyleSheet/processColor'),
+      process: require('react-native/Libraries/StyleSheet/processColor').default,
     },
 
     thumbTintColor: {
-      process: require('react-native/Libraries/StyleSheet/processColor'),
+      process: require('react-native/Libraries/StyleSheet/processColor').default,
     },
 
     point: {