fix(expo): remove iOS codegen warnings from native auth views (#8800)

Author: mikepitre

.changeset/expo-native-view-codegen-warning.md

@@ -0,0 +1,5 @@
+---
+"@clerk/expo": patch
+---
+
+Remove React Native codegen warnings from Expo native auth components on iOS.

packages/expo/src/specs/NativeClerkAuthView.ts

@@ -1,16 +1,13 @@
-/* eslint-disable import/namespace, import/default, import/no-named-as-default, import/no-named-as-default-member, simple-import-sort/imports */
-// These deep imports from react-native internals are required by codegen.
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type { HostComponent, ViewProps } from 'react-native';
-import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
-/* eslint-enable import/namespace, import/default, import/no-named-as-default, import/no-named-as-default-member, simple-import-sort/imports */
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+import { requireNativeComponent } from 'react-native';
 
 type AuthEvent = Readonly<{ type: string }>;
+type AuthEventHandler = (event: NativeSyntheticEvent<AuthEvent>) => void | Promise<void>;
 
 interface NativeProps extends ViewProps {
   mode?: string;
   isDismissible?: boolean;
-  onAuthEvent?: BubblingEventHandler<AuthEvent>;
+  onAuthEvent?: AuthEventHandler;
 }
 
-export default codegenNativeComponent<NativeProps>('ClerkAuthView') as HostComponent<NativeProps>;
+export default requireNativeComponent<NativeProps>('ClerkAuthView');

packages/expo/src/specs/NativeClerkUserButtonView.ts

@@ -1,11 +1,7 @@
-/* eslint-disable import/namespace, import/default, import/no-named-as-default, import/no-named-as-default-member, simple-import-sort/imports */
-// These deep imports from react-native internals are required by codegen.
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type { HostComponent, ViewProps } from 'react-native';
-/* eslint-enable import/namespace, import/default, import/no-named-as-default, import/no-named-as-default-member, simple-import-sort/imports */
+import type { ViewProps } from 'react-native';
+import { requireNativeComponent } from 'react-native';
 
-// Codegen requires an interface declaration here; a type alias fails Android codegen.
 // eslint-disable-next-line @typescript-eslint/no-empty-object-type
 interface NativeProps extends ViewProps {}
 
-export default codegenNativeComponent<NativeProps>('ClerkUserButtonView') as HostComponent<NativeProps>;
+export default requireNativeComponent<NativeProps>('ClerkUserButtonView');

packages/expo/src/specs/NativeClerkUserProfileView.ts

@@ -1,15 +1,12 @@
-/* eslint-disable import/namespace, import/default, import/no-named-as-default, import/no-named-as-default-member, simple-import-sort/imports */
-// These deep imports from react-native internals are required by codegen.
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type { HostComponent, ViewProps } from 'react-native';
-import type { BubblingEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
-/* eslint-enable import/namespace, import/default, import/no-named-as-default, import/no-named-as-default-member, simple-import-sort/imports */
+import type { NativeSyntheticEvent, ViewProps } from 'react-native';
+import { requireNativeComponent } from 'react-native';
 
 type ProfileEvent = Readonly<{ type: string }>;
+type ProfileEventHandler = (event: NativeSyntheticEvent<ProfileEvent>) => void | Promise<void>;
 
 interface NativeProps extends ViewProps {
   isDismissible?: boolean;
-  onProfileEvent?: BubblingEventHandler<ProfileEvent>;
+  onProfileEvent?: ProfileEventHandler;
 }
 
-export default codegenNativeComponent<NativeProps>('ClerkUserProfileView') as HostComponent<NativeProps>;
+export default requireNativeComponent<NativeProps>('ClerkUserProfileView');