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';

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';

src/components/ScreenStackHeaderConfig.tsx

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

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';