feat: add basic React Server Component support

src/TransitionProgressContext.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 import { Animated } from 'react-native';
 

src/components/Screen.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import { Animated, View, Platform } from 'react-native';
 

src/components/Screen.web.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { ScreenProps } from 'react-native-screens';
 import { Animated, View } from 'react-native';
 import React from 'react';
@@ -8,6 +10,7 @@ export const InnerScreen = View;
 
 // We're using class component here because of the error from reanimated:
 // createAnimatedComponent` does not support stateless functional components; use a class component instead.
+// NOTE: React Server Components do not support class components.
 export class NativeScreen extends React.Component<ScreenProps> {
   render(): JSX.Element {
     let {

src/components/ScreenContainer.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Platform, View } from 'react-native';
 import React from 'react';
 import { ScreenContainerProps } from 'react-native-screens';
@@ -8,10 +10,10 @@
 import ScreenNavigationContainerNativeComponent from '../fabric/ScreenNavigationContainerNativeComponent';
 
 export const NativeScreenContainer: React.ComponentType<ScreenContainerProps> =
   Platform.OS !== 'web' ? (ScreenContainerNativeComponent as any) : View;
 export const NativeScreenNavigationContainer: React.ComponentType<ScreenContainerProps> =
   Platform.OS !== 'web'
     ? (ScreenNavigationContainerNativeComponent as any)
     : View;
 
 function ScreenContainer(props: ScreenContainerProps) {

src/components/ScreenStack.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import { ScreenStackProps, freezeEnabled } from 'react-native-screens';
 import DelayedFreeze from './helpers/DelayedFreeze';
@@ -5,7 +7,7 @@
 // Native components
 import ScreenStackNativeComponent from '../fabric/ScreenStackNativeComponent';
 const NativeScreenStack: React.ComponentType<ScreenStackProps> =
   ScreenStackNativeComponent as any;
 
 function ScreenStack(props: ScreenStackProps) {
   const { children, gestureDetectorBridge, ...rest } = props;

src/components/ScreenStackHeaderConfig.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import {
   HeaderSubviewTypes,
@@ -11,10 +13,10 @@
 import ScreenStackHeaderSubviewNativeComponent from '../fabric/ScreenStackHeaderSubviewNativeComponent';
 
 export const ScreenStackHeaderConfig: React.ComponentType<ScreenStackHeaderConfigProps> =
   ScreenStackHeaderConfigNativeComponent as any;
 export const ScreenStackHeaderSubview: React.ComponentType<
   React.PropsWithChildren<ViewProps & { type?: HeaderSubviewTypes }>
 > = ScreenStackHeaderSubviewNativeComponent as any;
 
 export const ScreenStackHeaderBackButtonImage = (
   props: ImageProps

src/components/SearchBar.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react';
 import {
   isSearchBarAvailableForCurrentPlatform,

src/core.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { Platform, UIManager } from 'react-native';
 
 // const that tells if the library should use new implementation, will be undefined for older versions

src/fabric/FullWindowOverlayNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps } from 'react-native';
 

src/fabric/ModalScreenNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps, ColorValue } from 'react-native';
 import type {

src/fabric/NativeScreensModule.ts

@@ -1,3 +1,5 @@
+'use client';
+
 /* eslint-disable @typescript-eslint/ban-types */
 import type { TurboModule } from 'react-native';
 import { TurboModuleRegistry } from 'react-native';

src/fabric/ScreenContainerNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps } from 'react-native';
 

src/fabric/ScreenNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps, ColorValue } from 'react-native';
 import type {

src/fabric/ScreenNavigationContainerNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps } from 'react-native';
 

src/fabric/ScreenStackHeaderConfigNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps, ColorValue } from 'react-native';
 import type {

src/fabric/ScreenStackHeaderSubviewNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps } from 'react-native';
 import type { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';

src/fabric/ScreenStackNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps } from 'react-native';
 import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';

src/fabric/SearchBarNativeComponent.ts

@@ -1,3 +1,5 @@
+'use client';
+
 /* eslint-disable */
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps, ColorValue, HostComponent } from 'react-native';

src/native-stack/contexts/GHContext.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React, { PropsWithChildren } from 'react';
 import { GestureProviderProps } from '../types';