feat: add basic support for React Server Components

packages/react-native-web/src/exports/ActivityIndicator/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { ViewProps } from '../View';
 

packages/react-native-web/src/exports/AppRegistry/AppContainer.js

@@ -8,6 +8,8 @@
  * @flow
  */
 
+'use client';
+
 import * as React from 'react';
 import StyleSheet from '../StyleSheet';
 import View from '../View';

packages/react-native-web/src/exports/CheckBox/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { ColorValue } from '../../types';
 import type { ViewProps } from '../View';

packages/react-native-web/src/exports/FlatList/index.js

@@ -8,5 +8,7 @@
  * @flow
  */
 
+'use client';
+
 import FlatList from '../../vendor/react-native/FlatList';
 export default FlatList;

packages/react-native-web/src/exports/Image/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { ImageProps } from './types';
 

packages/react-native-web/src/exports/KeyboardAvoidingView/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { LayoutEvent, LayoutValue } from '../../types';
 import type { ViewProps } from '../View';

packages/react-native-web/src/exports/Modal/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { ViewProps } from '../View';
 

packages/react-native-web/src/exports/Picker/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { PlatformMethods } from '../../types';
 import type { ViewProps } from '../View';

packages/react-native-web/src/exports/Pressable/index.js

@@ -6,8 +6,7 @@
  *
  * @flow strict-local
  */
-
-'use strict';
+'use client';
 
 import type { HoverEventsConfig } from '../../modules/useHover';
 import type { PressResponderConfig } from '../../modules/usePressEvents/PressResponder';

packages/react-native-web/src/exports/ScrollView/index.js

@@ -7,6 +7,7 @@
  *
  * @noflow
  */
+'use client';
 
 import type { ViewProps, ViewStyle } from '../View/types';
 

packages/react-native-web/src/exports/SectionList/index.js

@@ -6,6 +6,7 @@
  *
  * @flow
  */
+'use client';
 
 import SectionList from '../../vendor/react-native/SectionList';
 export default SectionList;

packages/react-native-web/src/exports/Switch/index.js

@@ -6,6 +6,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { ColorValue } from '../../types';
 import type { ViewProps } from '../View';

packages/react-native-web/src/exports/Text/TextAncestorContext.js

@@ -6,6 +6,7 @@
  *
  * @flow strict
  */
+'use client';
 
 import type { Context } from 'react';
 

packages/react-native-web/src/exports/Text/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { PlatformMethods } from '../../types';
 import type { TextProps } from './types';

packages/react-native-web/src/exports/TextInput/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { PlatformMethods } from '../../types';
 import type { TextInputProps } from './types';

packages/react-native-web/src/exports/TouchableHighlight/index.js

@@ -7,8 +7,7 @@
  * @flow strict-local
  * @format
  */
-
-'use strict';
+'use client';
 
 import type { ColorValue } from '../../types';
 import type { Props as TouchableWithoutFeedbackProps } from '../TouchableWithoutFeedback';

packages/react-native-web/src/exports/TouchableOpacity/index.js

@@ -7,8 +7,7 @@
  * @flow strict-local
  * @format
  */
-
-'use strict';
+'use client';
 
 import type { Props as TouchableWithoutFeedbackProps } from '../TouchableWithoutFeedback';
 import type { ViewProps } from '../View';

packages/react-native-web/src/exports/TouchableWithoutFeedback/index.js

@@ -7,8 +7,7 @@
  * @flow strict-local
  * @format
  */
-
-'use strict';
+'use client';
 
 import type { PressResponderConfig } from '../../modules/usePressEvents/PressResponder';
 import type { ViewProps } from '../View';

packages/react-native-web/src/exports/View/index.js

@@ -7,6 +7,7 @@
  *
  * @flow
  */
+'use client';
 
 import type { PlatformMethods } from '../../types';
 import type { ViewProps } from './types';

packages/react-native-web/src/exports/VirtualizedList/index.js

@@ -6,6 +6,7 @@
  *
  * @flow
  */
+'use client';
 
 import VirtualizedList from '../../vendor/react-native/VirtualizedList';
 export default VirtualizedList;

packages/react-native-web/src/exports/render/index.js

@@ -6,6 +6,7 @@
  *
  * @noflow
  */
+'use client';
 
 import {
   hydrate as domLegacyHydrate,

packages/react-native-web/src/exports/useColorScheme/index.js

@@ -8,6 +8,8 @@
  * @flow
  */
 
+'use client';
+
 import * as React from 'react';
 import type { ColorSchemeName } from '../Appearance';
 import Appearance from '../Appearance';

packages/react-native-web/src/exports/useWindowDimensions/index.js

@@ -8,7 +8,7 @@
  * @flow strict-local
  */
 
-'use strict';
+'use client';
 
 import type { DisplayMetrics } from '../Dimensions';
 

packages/react-native-web/src/modules/UnimplementedView/index.js

@@ -6,23 +6,17 @@
  *
  * @flow
  */
-
 import type { Node } from 'React';
 
 import View from '../../exports/View';
+import type { ViewProps } from '../../exports/View/types';
 import React from 'react';
 
 /**
  * Common implementation for a simple stubbed view.
  */
-class UnimplementedView extends React.Component<*, *> {
-  render(): Node {
-    return (
-      <View style={[unimplementedViewStyles, this.props.style]}>
-        {this.props.children}
-      </View>
-    );
-  }
+function UnimplementedView({ style, ...props }: ViewProps): Node {
+  return <View {...props} style={[unimplementedViewStyles, style]} />;
 }
 
 const unimplementedViewStyles =

packages/react-native-web/src/modules/useLocale/index.js

@@ -6,6 +6,7 @@
  *
  * @flow strict
  */
+'use client';
 
 import type { Node } from 'react';
 

packages/react-native-web/src/modules/useResponderEvents/index.js

@@ -7,6 +7,8 @@
  * @flow
  */
 
+'use client';
+
 /**
  * Hook for integrating the Responder System into React
  *

packages/react-native-web/src/vendor/react-native/FlatList/index.js

@@ -8,6 +8,8 @@
  * @format
  */
 
+'use client';
+
 import View, { type ViewProps } from '../../../exports/View';
 import StyleSheet from '../../../exports/StyleSheet';
 import deepDiffer from '../deepDiffer';