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: {