diff --git a/FabricTestExample/App.js b/FabricTestExample/App.js
index a5f66cbc2b..7de41240a1 100644
--- a/FabricTestExample/App.js
+++ b/FabricTestExample/App.js
@@ -1,106 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from 'react';
+import App from '../apps/test-examples';
 
-import { enableFreeze } from 'react-native-screens';
-
-import Test42 from './src/Test42';
-import Test111 from './src/Test111';
-import Test263 from './src/Test263';
-import Test349 from './src/Test349';
-import Test364 from './src/Test364';
-import Test528 from './src/Test528';
-import Test550 from './src/Test550';
-import Test556 from './src/Test556';
-import Test564 from './src/Test564';
-import Test577 from './src/Test577';
-import Test593 from './src/Test593';
-import Test619 from './src/Test619';
-import Test624 from './src/Test624';
-import Test640 from './src/Test640';
-import Test642 from './src/Test642';
-import Test645 from './src/Test645';
-import Test648 from './src/Test648';
-import Test649 from './src/Test649';
-import Test654 from './src/Test654';
-import Test658 from './src/Test658';
-import Test662 from './src/Test662';
-import Test691 from './src/Test691';
-import Test702 from './src/Test702';
-import Test706 from './src/Test706';
-import Test713 from './src/Test713';
-import Test726 from './src/Test726';
-import Test748 from './src/Test748';
-import Test750 from './src/Test750';
-import Test758 from './src/Test758';
-import Test761 from './src/Test761';
-import Test779 from './src/Test779';
-import Test780 from './src/Test780';
-import Test791 from './src/Test791';
-import Test800 from './src/Test800';
-import Test817 from './src/Test817';
-import Test830 from './src/Test830';
-import Test831 from './src/Test831';
-import Test844 from './src/Test844';
-import Test852 from './src/Test852';
-import Test860 from './src/Test860';
-import Test861 from './src/Test861';
-import Test865 from './src/Test865';
-import Test881 from './src/Test881';
-import Test887 from './src/Test887';
-import Test898 from './src/Test898';
-import Test913 from './src/Test913';
-import Test999 from './src/Test999';
-import Test1017 from './src/Test1017';
-import Test1031 from './src/Test1031';
-import Test1032 from './src/Test1032';
-import Test1036 from './src/Test1036';
-import Test1072 from './src/Test1072';
-import Test1084 from './src/Test1084';
-import Test1091 from './src/Test1091';
-import Test1096 from './src/Test1096';
-import Test1097 from './src/Test1097';
-import Test1153 from './src/Test1153';
-import Test1157 from './src/Test1157';
-import Test1162 from './src/Test1162';
-import Test1166 from './src/Test1166';
-import Test1188 from './src/Test1188';
-import Test1190 from './src/Test1190';
-import TestFreeze from './src/TestFreeze';
-import Test1198 from './src/Test1198';
-import Test1204 from './src/Test1204';
-import Test1209 from './src/Test1209';
-import Test1213 from './src/Test1213';
-import Test1214 from './src/Test1214';
-import Test1227 from './src/Test1227';
-import Test1228 from './src/Test1228';
-import Test1259 from './src/Test1259';
-import Test1260 from './src/Test1260';
-import Test1296 from './src/Test1296';
-import Test1299 from './src/Test1299';
-import Test1391 from './src/Test1391';
-import Test1419 from './src/Test1419';
-import Test1473 from './src/Test1473';
-import Test1476 from './src/Test1476';
-import Test1646 from './src/Test1646';
-import Test1649 from './src/Test1649';
-import Test1671 from './src/Test1671';
-import Test1683 from './src/Test1683';
-import Test1726 from './src/Test1726';
-import Test1802 from './src/Test1802';
-import Test1829 from './src/Test1829';
-import Test1844 from './src/Test1844';
-import Test1864 from './src/Test1864';
-import Test1970 from './src/Test1970';
-import TestScreenAnimation from './src/TestScreenAnimation';
-import Test1981 from './src/Test1981';
-import Test2008 from './src/Test2008';
-import Test2028 from './src/Test2028';
-import Test2048 from './src/Test2048';
-import Test2069 from './src/Test2069';
-import Test2118 from './src/Test2118';
-
-enableFreeze(true);
-
-export default function App() {
-  return <Test42 />;
-}
+export default App;
diff --git a/FabricTestExample/src/Test1032.tsx b/FabricTestExample/src/Test1032.tsx
deleted file mode 100644
index 2b8e2328ab..0000000000
--- a/FabricTestExample/src/Test1032.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-/* eslint-disable react-native/no-inline-styles */
-import * as React from 'react';
-import { Alert, Button, Switch, Text, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  const [gestureEnabled, setGestureEnable] = React.useState(false);
-  return (
-    <View style={{ flex: 1, paddingBottom: 200 }}>
-      <NavigationContainer>
-        <Stack.Navigator screenOptions={{ gestureEnabled }}>
-          <Stack.Screen name="Top" component={First} />
-          <Stack.Screen name="Top1" component={Second} />
-        </Stack.Navigator>
-      </NavigationContainer>
-      <View>
-        <Text>Gesture enabled</Text>
-        <Switch value={gestureEnabled} onValueChange={setGestureEnable} />
-      </View>
-    </View>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ backgroundColor: '#FFF' }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.push('Top1')}
-      />
-    </View>
-  );
-}
-
-function Second() {
-  return (
-    <View style={{ backgroundColor: '#FFF' }}>
-      <Button
-        title="Swipe back to see if button click triggers"
-        onPress={() => Alert.alert('Click detected')}
-      />
-    </View>
-  );
-}
diff --git a/FabricTestExample/src/Test1072.tsx b/FabricTestExample/src/Test1072.tsx
deleted file mode 100644
index b1f7c3692e..0000000000
--- a/FabricTestExample/src/Test1072.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import React, { useState } from 'react';
-import { Dimensions, Image, StyleSheet, Text, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import {
-  GestureHandlerRootView,
-  ScrollView,
-  State,
-  TapGestureHandler,
-} from 'react-native-gesture-handler';
-
-const Stack = createNativeStackNavigator();
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <ScrollView>
-      <Post onPress={() => navigation.navigate('Second')} />
-      <Post onPress={() => navigation.navigate('Second')} />
-      <Post onPress={() => navigation.navigate('Second')} />
-    </ScrollView>
-  );
-}
-
-function Second() {
-  return (
-    <ScrollView>
-      <Text style={styles.subTitle}>
-        Use swipe back gesture to go back (iOS only)
-      </Text>
-      <Post />
-    </ScrollView>
-  );
-}
-
-export default function App() {
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <NavigationContainer>
-        <Stack.Navigator
-          screenOptions={{
-            fullScreenGestureEnabled: true,
-            animation: 'default',
-            animationMatchesGesture: true,
-          }}>
-          <Stack.Screen name="First" component={First} />
-          <Stack.Screen name="Second" component={Second} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </GestureHandlerRootView>
-  );
-}
-
-// components
-
-function Post({ onPress }: { onPress?: () => void }) {
-  const [width] = useState(Math.round(Dimensions.get('screen').width));
-
-  return (
-    <TapGestureHandler
-      onHandlerStateChange={e =>
-        e.nativeEvent.oldState === State.ACTIVE && onPress?.()
-      }>
-      <View style={styles.post}>
-        <Text style={styles.title}>Post</Text>
-        <ScrollView horizontal>{generatePhotos(4, width, 400)}</ScrollView>
-        <Text style={styles.caption}>Scroll right for more photos</Text>
-      </View>
-    </TapGestureHandler>
-  );
-}
-
-// helpers
-function generatePhotos(
-  amount: number,
-  width: number,
-  height: number,
-): JSX.Element[] {
-  const startFrom = Math.floor(Math.random() * 20) + 10;
-  return Array.from({ length: amount }, (_, index) => {
-    const uri = `https://picsum.photos/id/${
-      startFrom + index
-    }/${width}/${height}`;
-    return <Image style={{ width, height }} key={uri} source={{ uri }} />;
-  });
-}
-
-const styles = StyleSheet.create({
-  title: {
-    fontWeight: 'bold',
-    fontSize: 32,
-    marginBottom: 8,
-    marginLeft: 8,
-  },
-  subTitle: {
-    fontSize: 18,
-    marginVertical: 16,
-    textAlign: 'center',
-  },
-  caption: {
-    textAlign: 'center',
-    marginTop: 4,
-  },
-  post: {
-    borderColor: '#ccc',
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    paddingVertical: 10,
-    marginBottom: 16,
-    backgroundColor: 'white',
-  },
-});
diff --git a/FabricTestExample/src/Test1096.tsx b/FabricTestExample/src/Test1096.tsx
deleted file mode 100644
index c727009fd6..0000000000
--- a/FabricTestExample/src/Test1096.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-/* eslint-disable react-native/no-inline-styles */
-import * as React from 'react';
-
-import { Button, StyleSheet, View, Modal } from 'react-native';
-import { FullWindowOverlay } from 'react-native-screens';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-
-function Home({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [isShowModal, setIsShowModal] = React.useState(false);
-
-  return (
-    <View style={styles.container}>
-      <Button title="show rn modal" onPress={() => setIsShowModal(true)} />
-      <Button
-        title="Go to RNScreens modal"
-        onPress={() => navigation.navigate('Modal')}
-      />
-      <Modal
-        animationType="slide"
-        visible={isShowModal}
-        presentationStyle="pageSheet">
-        <View style={styles.container}>
-          <Button
-            title="dismiss rn modal"
-            onPress={() => setIsShowModal(false)}
-          />
-        </View>
-      </Modal>
-      <FullWindowOverlay
-        style={{
-          position: 'absolute',
-          width: '100%',
-          height: '100%',
-          justifyContent: 'center',
-        }}>
-        <View style={styles.box} />
-        <Button title="click me" onPress={() => console.warn('clicked')} />
-      </FullWindowOverlay>
-    </View>
-  );
-}
-
-function ModalScreen({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={styles.container}>
-      <Button title="dismiss modal" onPress={() => navigation.goBack()} />
-    </View>
-  );
-}
-
-const NativeStack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <NativeStack.Navigator>
-        <NativeStack.Screen name="Home" component={Home} />
-        <NativeStack.Screen
-          name="Modal"
-          component={ModalScreen}
-          options={{ presentation: 'modal' }}
-        />
-      </NativeStack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'flex-start',
-    justifyContent: 'center',
-  },
-
-  box: {
-    width: 40,
-    height: 40,
-    borderRadius: 10,
-    borderWidth: 2,
-    borderColor: 'black',
-    backgroundColor: 'red',
-  },
-});
diff --git a/FabricTestExample/src/Test1097.tsx b/FabricTestExample/src/Test1097.tsx
deleted file mode 100644
index 153aeef9b1..0000000000
--- a/FabricTestExample/src/Test1097.tsx
+++ /dev/null
@@ -1,207 +0,0 @@
-import * as React from 'react';
-import { Button, NativeSyntheticEvent, ScrollView } from 'react-native';
-import {
-  NavigationContainer,
-  NavigationProp,
-  ParamListBase,
-} from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackScreenProps,
-} from '@react-navigation/native-stack';
-import { SearchBarCommands } from 'react-native-screens';
-
-const AppStack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <AppStack.Navigator
-        screenOptions={{
-          headerLargeTitle: true,
-          headerTransparent: true,
-        }}>
-        <AppStack.Screen name="First" component={First} />
-        <AppStack.Screen name="Second" component={Second} />
-        <AppStack.Screen name="Third" component={Third} />
-      </AppStack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }: NativeStackScreenProps<ParamListBase>) {
-  const searchBarRef = React.useRef<SearchBarCommands>();
-
-  React.useEffect(() => {
-    navigation.setOptions({
-      headerSearchBarOptions: searchBarOptions,
-    });
-  }, [navigation]);
-
-  const [search, setSearch] = React.useState('');
-
-  const searchBarOptions = {
-    // @ts-ignore
-    ref: searchBarRef,
-    barTintColor: 'powderblue',
-    hideWhenScrolling: true,
-    obscureBackground: false,
-    hideNavigationBar: false,
-    autoCapitalize: 'sentences',
-    placeholder: 'Some text',
-    placement: 'stacked',
-    onChangeText: (e: NativeSyntheticEvent<{ text: string }>) =>
-      setSearch(e.nativeEvent.text),
-    onCancelButtonPress: () => console.warn('Cancel button pressed'),
-    onSearchButtonPress: () => console.warn('Search button pressed'),
-    onFocus: () => console.warn('onFocus event'),
-    onBlur: () => console.warn('onBlur event'),
-  };
-
-  const items = [
-    'Apples',
-    'Pie',
-    'Juice',
-    'Cake',
-    'Nuggets',
-    'Some',
-    'Other',
-    'Stuff',
-    'To',
-    'Fill',
-    'The',
-    'Scrolling',
-    'Space',
-  ];
-
-  return (
-    <ScrollView
-      contentInsetAdjustmentBehavior="automatic"
-      keyboardDismissMode="on-drag">
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-      <Button
-        title="Tap me for third screen"
-        onPress={() => navigation.navigate('Third')}
-      />
-      <Button
-        title="Tap me for ref"
-        onPress={() => searchBarRef.current?.focus()}
-      />
-      {items
-        .filter(item => item.toLowerCase().indexOf(search.toLowerCase()) !== -1)
-        .map(item => (
-          <Button
-            title={item}
-            key={item}
-            onPress={() => {
-              console.warn(`${item} clicked`);
-            }}
-          />
-        ))}
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-      <Button
-        title="Tap me for third screen"
-        onPress={() => navigation.navigate('Third')}
-      />
-      <Button
-        title="Tap me for ref"
-        onPress={() => searchBarRef.current?.focus()}
-      />
-    </ScrollView>
-  );
-}
-
-function Second({ navigation }: { navigation: NavigationProp<ParamListBase> }) {
-  return (
-    <ScrollView contentInsetAdjustmentBehavior="automatic">
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-      <Button
-        title="Tap me for third screen"
-        onPress={() => navigation.navigate('Third')}
-      />
-    </ScrollView>
-  );
-}
-
-function Third({ navigation }: { navigation: NavigationProp<ParamListBase> }) {
-  const searchBarRef = React.useRef<SearchBarCommands>();
-
-  const searchBarProps = {
-    // @ts-ignore
-    ref: searchBarRef,
-    barTintColor: 'powderblue',
-    hideWhenScrolling: true,
-    obscureBackground: false,
-    hideNavigationBar: false,
-    autoCapitalize: 'sentences',
-    placeholder: 'Some text',
-    onChangeText: (e: NativeSyntheticEvent<{ text: string }>) =>
-      console.warn(`Text changed to ${e.nativeEvent.text}`),
-    onCancelButtonPress: () => console.warn('Cancel button pressed'),
-    onSearchButtonPress: () => console.warn('Search button pressed'),
-    onFocus: () => console.warn('onFocus event'),
-    onBlur: () => console.warn('onBlur event'),
-  };
-
-  React.useEffect(() => {
-    navigation.setOptions({
-      headerSearchBarOptions: searchBarProps,
-    });
-  }, [navigation]);
-
-  return (
-    <ScrollView
-      contentInsetAdjustmentBehavior="automatic"
-      keyboardDismissMode="on-drag">
-      <Button
-        title="Tap me for the first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-      <Button
-        title="Focus search bar"
-        onPress={() => searchBarRef.current?.focus()}
-      />
-      <Button
-        title="Remove focus from search bar"
-        onPress={() => searchBarRef.current?.blur()}
-      />
-      <Button
-        title="Clear text in search bar"
-        onPress={() => searchBarRef.current?.clearText()}
-      />
-      <Button
-        title="Show cancel button"
-        onPress={() => searchBarRef.current?.toggleCancelButton(true)}
-      />
-      <Button
-        title="Hide cancel button"
-        onPress={() => searchBarRef.current?.toggleCancelButton(false)}
-      />
-      <Button
-        title="Set 'sometext' text"
-        onPress={() => searchBarRef.current?.setText('sometext')}
-      />
-      <Button
-        title="Cancel search"
-        onPress={() => searchBarRef.current?.cancelSearch()}
-      />
-      <Button
-        title="Tap me for the first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-      <Button
-        title="Focus search bar"
-        onPress={() => searchBarRef.current?.focus()}
-      />
-    </ScrollView>
-  );
-}
diff --git a/FabricTestExample/src/Test1162.tsx b/FabricTestExample/src/Test1162.tsx
deleted file mode 100644
index 8dfdac21bb..0000000000
--- a/FabricTestExample/src/Test1162.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import {
-  NavigationContainer,
-  ParamListBase,
-  getFocusedRouteNameFromRoute,
-  Route,
-} from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-
-function isTranslucent(route: Route<string>) {
-  const routeName = getFocusedRouteNameFromRoute(route) ?? 'Screen1';
-
-  switch (routeName) {
-    case 'Screen1':
-      console.log('screen1');
-      return false;
-    case 'Screen2':
-      console.log('screen2');
-      return true;
-  }
-}
-
-const Stack = createNativeStackNavigator();
-const Tab = createBottomTabNavigator();
-
-const TabNavigator = () => (
-  <Tab.Navigator screenOptions={{}}>
-    <Tab.Screen name="Screen1" component={TabScreen} />
-    <Tab.Screen name="Screen2" component={TabScreen} />
-  </Tab.Navigator>
-);
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen
-          name="Tab"
-          component={TabNavigator}
-          options={({ route }) => ({
-            headerStyle: { backgroundColor: 'transparent' },
-            headerTranslucent: isTranslucent(route),
-          })}
-        />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{ headerStyle: { backgroundColor: 'transparent' } }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ backgroundColor: '#FFF', flex: 1 }}>
-      <Button
-        title="Tap me for tab navigator"
-        onPress={() => navigation.navigate('Tab')}
-      />
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function TabScreen() {
-  return (
-    <View style={{ backgroundColor: '#CCC', flex: 1, paddingTop: 200 }}>
-      <View style={{ backgroundColor: '#EEE', flex: 1 }}></View>
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [isTranslucent, setIsTranslucent] = React.useState(false);
-
-  React.useEffect(() => {
-    navigation.setOptions({ headerTransparent: isTranslucent });
-  }, [isTranslucent]);
-
-  return (
-    <View style={{ backgroundColor: '#DDD', flex: 1, paddingTop: 200 }}>
-      <View style={{ backgroundColor: '#333', flex: 1 }}>
-        <Button
-          title="Change translucent"
-          onPress={() => setIsTranslucent(prev => !prev)}
-        />
-      </View>
-    </View>
-  );
-}
diff --git a/FabricTestExample/src/Test1209.tsx b/FabricTestExample/src/Test1209.tsx
deleted file mode 100644
index 32f6b0e9bc..0000000000
--- a/FabricTestExample/src/Test1209.tsx
+++ /dev/null
@@ -1,137 +0,0 @@
-/* eslint-disable react-native/no-inline-styles */
-import React from 'react';
-import { View, Text, Button } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import {
-  createStackNavigator,
-  StackNavigationProp,
-} from '@react-navigation/stack';
-
-const Tab = createBottomTabNavigator();
-
-function Screen1({
-  navigation,
-}: {
-  navigation: StackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View
-      style={{
-        backgroundColor: 'green',
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text style={{ color: 'white' }}>Screen 1</Text>
-      <Button
-        onPress={() => navigation.navigate('Screen2')}
-        title="Go to Screen 2"
-      />
-    </View>
-  );
-}
-
-function Screen2({
-  navigation,
-}: {
-  navigation: StackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View
-      style={{
-        backgroundColor: 'red',
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text style={{ color: 'white' }}>Screen 2</Text>
-      <Button
-        onPress={() => navigation.navigate('Screen3')}
-        title="Go to Screen 3"
-      />
-    </View>
-  );
-}
-
-function Screen3() {
-  return (
-    <View
-      style={{
-        backgroundColor: 'blue',
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text style={{ color: 'white' }}>Screen 3</Text>
-    </View>
-  );
-}
-
-function ScreenB() {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text>Screen B</Text>
-    </View>
-  );
-}
-
-const Stack = createStackNavigator();
-
-function TabAStack() {
-  return (
-    <Stack.Navigator initialRouteName="Screen1">
-      <Stack.Screen name="Screen1" component={Screen1} />
-      <Stack.Screen name="Screen2" component={Screen2} />
-      <Stack.Screen name="Screen3" component={Screen3} />
-    </Stack.Navigator>
-  );
-}
-
-export const maybePopToTop = (
-  navigation: StackNavigationProp<ParamListBase>,
-) => {
-  const state = navigation.getState().routes;
-
-  // @ts-ignore
-  const stackWithState = state.filter(stack => stack.state);
-
-  if (
-    stackWithState.length &&
-    // @ts-ignore
-    stackWithState.some(route => route.state?.index !== 0)
-  ) {
-    navigation.popToTop();
-  }
-};
-
-const listeners = ({
-  navigation,
-}: {
-  navigation: StackNavigationProp<ParamListBase>;
-}) => ({
-  tabPress: () => {
-    maybePopToTop(navigation);
-  },
-});
-
-const MainStack = createStackNavigator();
-
-const Tabs = () => (
-  <Tab.Navigator>
-    <Tab.Screen name="TabA" component={TabAStack} listeners={listeners} />
-    <Tab.Screen name="TabB" component={ScreenB} listeners={listeners} />
-  </Tab.Navigator>
-);
-
-function App() {
-  return (
-    <NavigationContainer>
-      <MainStack.Navigator>
-        <MainStack.Screen name="Tabs" component={Tabs} />
-      </MainStack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-export default App;
diff --git a/FabricTestExample/src/Test1214.tsx b/FabricTestExample/src/Test1214.tsx
deleted file mode 100644
index 59f25bbaef..0000000000
--- a/FabricTestExample/src/Test1214.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import { Button, SafeAreaView, Text, TextInput, View } from 'react-native';
-
-import { createStackNavigator } from '@react-navigation/stack';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const NStack = createNativeStackNavigator();
-const Stack = createStackNavigator();
-
-const Home = ({ navigation }: Props) => {
-  return (
-    <View style={{ flex: 1, justifyContent: 'center' }}>
-      <Button
-        title="Go to details"
-        onPress={() => {
-          navigation.navigate('DETAILS');
-        }}></Button>
-    </View>
-  );
-};
-
-const Details = () => {
-  return (
-    <View style={{ flex: 1, justifyContent: 'center' }}>
-      <TextInput
-        style={{ backgroundColor: 'lime', height: 40 }}
-        autoFocus={true}></TextInput>
-    </View>
-  );
-};
-
-const App = () => {
-  return (
-    <SafeAreaView style={{ flex: 1, backgroundColor: 'white' }}>
-      <Text style={{ textAlign: 'center', fontSize: 20, color: 'black' }}>
-        JS Navigation
-      </Text>
-      <NavigationContainer>
-        <Stack.Navigator detachInactiveScreens={true}>
-          <Stack.Screen component={Home} name="HOME"></Stack.Screen>
-          <Stack.Screen component={Details} name="DETAILS"></Stack.Screen>
-        </Stack.Navigator>
-      </NavigationContainer>
-      <Text style={{ textAlign: 'center', fontSize: 20, color: 'black' }}>
-        Native Navigation
-      </Text>
-      <NavigationContainer>
-        <NStack.Navigator screenOptions={{ animation: 'fade' }}>
-          <NStack.Screen component={Home} name="HOME"></NStack.Screen>
-          <NStack.Screen component={Details} name="DETAILS"></NStack.Screen>
-        </NStack.Navigator>
-      </NavigationContainer>
-    </SafeAreaView>
-  );
-};
-
-export default App;
diff --git a/FabricTestExample/src/Test1260.tsx b/FabricTestExample/src/Test1260.tsx
deleted file mode 100644
index c75e88b632..0000000000
--- a/FabricTestExample/src/Test1260.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          gestureDirection: 'vertical',
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'red' }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'blue' }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('First')}
-      />
-    </View>
-  );
-}
diff --git a/FabricTestExample/src/Test1391.tsx b/FabricTestExample/src/Test1391.tsx
deleted file mode 100644
index bd22ebc030..0000000000
--- a/FabricTestExample/src/Test1391.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { SafeAreaView } from 'react-native-safe-area-context';
-
-interface Props {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}
-
-const Stack = createNativeStackNavigator();
-
-function Second(props: Props) {
-  return (
-    <View>
-      <Button
-        title="Navigate to First"
-        onPress={() => props.navigation.navigate('First')}
-      />
-    </View>
-  );
-}
-
-function First(props: Props) {
-  return (
-    <View>
-      <Button
-        title="Navigate to Second"
-        onPress={() => props.navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-const App = (): JSX.Element => {
-  return (
-    <SafeAreaView style={{ flex: 1, backgroundColor: 'white' }}>
-      <NavigationContainer>
-        <Stack.Navigator
-          screenOptions={{
-            headerStyle: {
-              backgroundColor: 'pink',
-            },
-          }}
-          initialRouteName="First">
-          <Stack.Screen
-            name="Second"
-            component={Second}
-            options={{
-              presentation: 'modal',
-              // eslint-disable-next-line react/display-name
-              headerLeft: () => <View />,
-            }}
-          />
-          <Stack.Screen name="First" component={First} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </SafeAreaView>
-  );
-};
-
-export default App;
diff --git a/FabricTestExample/src/Test1476.tsx b/FabricTestExample/src/Test1476.tsx
deleted file mode 100644
index b06f19d98a..0000000000
--- a/FabricTestExample/src/Test1476.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import React from 'react';
-import { Button, Text, View, StyleSheet } from 'react-native';
-import { NavigationContainer as NavigationContainerNative } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationOptions,
-} from '@react-navigation/native-stack';
-
-const NativeStack = createNativeStackNavigator();
-
-function ScreenA({ navigation }) {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: 'blue',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text style={{ color: 'white' }}>
-        ScreenA, with backgroundColor: 'blue'
-      </Text>
-      <Button
-        title={'navigate to: Screen B'}
-        onPress={() => navigation.navigate('screenB')}
-      />
-    </View>
-  );
-}
-
-function ScreenB({ navigation }) {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: 'cyan',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>ScreenB, with backgroundColor: 'cyan'</Text>
-      <Button
-        title={'navigate to: Modal A'}
-        onPress={() => navigation.navigate('modalA')}
-      />
-    </View>
-  );
-}
-
-type Props = {};
-
-function ModalA(props: Props) {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: 'rgba(255,0,0,0.6)',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <View style={{ backgroundColor: 'white' }}>
-        <Text>ModalA, with opacity and backgroundColor</Text>
-        <Text>
-          At ModalA, we still can gesture swipe the screenB back to screenA,{' '}
-        </Text>
-        <Button title={'pop modal'} onPress={() => props.navigation.pop()} />
-      </View>
-    </View>
-  );
-}
-
-const StackBuilder = (
-  configs: any,
-  groupOptions?: NativeStackNavigationOptions,
-) => {
-  return () => (
-    <NativeStack.Group screenOptions={groupOptions}>
-      {configs.map(config => {
-        const { options, ...anyConfig } = config;
-        const {
-          statusBarStyle,
-          statusBarAnimation,
-          statusBarHidden,
-          ...anyOption
-        } = options || {};
-        return (
-          <NativeStack.Screen
-            key={config.name}
-            {...anyConfig}
-            options={anyOption}
-          />
-        );
-      })}
-    </NativeStack.Group>
-  );
-};
-
-const ScreenGroup = StackBuilder(
-  [
-    {
-      name: 'screenA',
-      component: ScreenA,
-    },
-    {
-      name: 'screenB',
-      component: ScreenB,
-    },
-  ],
-  {
-    // headerShadowVisible: false,
-    headerTintColor: 'black',
-    headerBackTitleVisible: false,
-    gestureEnabled: true,
-    contentStyle: { backgroundColor: 'white' },
-    fullScreenGestureEnabled: true,
-  },
-);
-
-const ModalGroup = StackBuilder(
-  [
-    {
-      name: 'modalA',
-      component: ModalA,
-      options: { animation: 'fade' },
-    },
-  ],
-  {
-    headerShown: false,
-    animation: 'fade_from_bottom',
-    presentation: 'containedTransparentModal',
-  },
-);
-
-export default function TestModalPresentation() {
-  return (
-    <NavigationContainerNative>
-      <NativeStack.Navigator>
-        {ScreenGroup()}
-        {ModalGroup()}
-      </NativeStack.Navigator>
-    </NavigationContainerNative>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {},
-});
diff --git a/FabricTestExample/src/Test1646.tsx b/FabricTestExample/src/Test1646.tsx
deleted file mode 100644
index 63bfa830f4..0000000000
--- a/FabricTestExample/src/Test1646.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { NavigationContainer, useRoute } from '@react-navigation/native';
-import {createNativeStackNavigator} from '@react-navigation/native-stack';
-import * as React from 'react';
-import { Button, View } from 'react-native';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          headerBackTitleVisible: false,
-          // headerBackTitle: 'NavHeader',
-          // disableBackButtonMenu: true,
-        }}>
-        <Stack.Screen
-          name="Screen"
-          component={Screen}
-          options={({ route }: any) => ({
-            title: route.params?.title ?? 'Hello',
-          })}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function Screen({ navigation }: any) {
-  const route = useRoute<any>();
-  const count = route.params?.count ?? 0;
-
-  React.useEffect(() => {
-    navigation.setOptions({headerBackTitleVisible: count % 2 === 0});
-  }, [count, navigation]);
-
-  return (
-    <View>
-      <Button
-        onPress={() =>
-          navigation.push(route.name, {
-            title: `Hello ${count + 1}`,
-            count: count + 1,
-          })
-        }
-        title="Push a route"
-      />
-    </View>
-  );
-}
diff --git a/FabricTestExample/src/Test1683.tsx b/FabricTestExample/src/Test1683.tsx
deleted file mode 100644
index 291eb7fd4d..0000000000
--- a/FabricTestExample/src/Test1683.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { View, StyleSheet, Button, useColorScheme } from 'react-native';
-import {
-  NavigationContainer,
-  DarkTheme,
-  DefaultTheme,
-  Theme,
-} from '@react-navigation/native';
-// import {createNativeStackNavigator} from '@react-navigation/native-stack';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import React, { createContext, useContext, useState } from 'react';
-
-const RootStack = createNativeStackNavigator();
-
-const ThemeContext = createContext({
-  theme: DefaultTheme,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  setTheme: (theme: Theme) => {},
-});
-
-const HomeScreen = () => {
-  const { theme, setTheme } = useContext(ThemeContext);
-  return (
-    <View style={styles.container}>
-      <Button
-        title="Toggle theme"
-        onPress={() => {
-          console.log('Button pressed');
-          setTheme(theme === DefaultTheme ? DarkTheme : DefaultTheme);
-        }}
-      />
-    </View>
-  );
-};
-
-const Navigator = () => {
-  const { theme } = useContext(ThemeContext);
-  // const scheme = useColorScheme();
-  return (
-    <NavigationContainer
-      // theme={scheme === 'dark' ? DarkTheme : DefaultTheme}
-      theme={theme}
-      // theme={DarkTheme}
-    >
-      <RootStack.Navigator>
-        <RootStack.Screen
-          name="Home"
-          component={HomeScreen}
-          options={{
-            // headerSearchBarOptions: {},
-            headerSearchBarOptions: {},
-            // statusBarStyle: 'light',
-          }}
-        />
-      </RootStack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-export default function App() {
-  const [theme, setTheme] = useState(DefaultTheme);
-  return (
-    <ThemeContext.Provider value={{ theme: theme, setTheme: setTheme }}>
-      <Navigator />
-    </ThemeContext.Provider>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    padding: 8,
-  },
-});
diff --git a/FabricTestExample/src/Test1802.tsx b/FabricTestExample/src/Test1802.tsx
deleted file mode 100644
index d69b0b6637..0000000000
--- a/FabricTestExample/src/Test1802.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-import React from 'react';
-import { Dimensions, Image, StyleSheet, Text, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-// Uncomment these lines if you want to test useAnimatedHeaderHeight.
-import { Animated } from 'react-native';
-import { useAnimatedHeaderHeight } from '@react-navigation/native-stack';
-
-// Uncomment these lines if you want to test useReanimatedHeaderHeight.
-// import Animated from 'react-native-reanimated';
-// import { useReanimatedHeaderHeight } from 'react-native-screens/reanimated';
-
-import {
-  GestureHandlerRootView,
-  ScrollView,
-  State,
-  TapGestureHandler,
-} from 'react-native-gesture-handler';
-import { ReanimatedScreenProvider } from 'react-native-screens/reanimated';
-import { FullWindowOverlay } from 'react-native-screens';
-
-const Stack = createNativeStackNavigator();
-
-function ExampleScreen() {
-  const headerHeight = useAnimatedHeaderHeight();
-  // const headerHeight = useReanimatedHeaderHeight();
-
-  return (
-    <FullWindowOverlay>
-      <Animated.View
-        style={{
-          display: 'flex',
-          justifyContent: 'flex-end',
-          alignItems: 'center',
-
-          backgroundColor: 'red',
-          width: '100%',
-          opacity: 0.5,
-          height: 60,
-          zIndex: 1,
-          transform: [
-            {
-              translateY: headerHeight,
-            },
-          ],
-        }}>
-        <Text>I'm a header!</Text>
-      </Animated.View>
-    </FullWindowOverlay>
-  );
-}
-
-const enablePerformanceTests = false;
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <ScrollView contentInsetAdjustmentBehavior="automatic">
-      <ExampleScreen />
-      <Post onPress={() => navigation.navigate('Second')} />
-      <Post onPress={() => navigation.navigate('Second')} />
-      <Post onPress={() => navigation.navigate('Second')} />
-      {
-        // Generate 1000 posts for performance testing.
-        enablePerformanceTests &&
-          Array(1000)
-            .fill(0)
-            .map(_ => <Post onPress={() => navigation.navigate('Second')} />)
-      }
-    </ScrollView>
-  );
-}
-
-function Second() {
-  return (
-    <ScrollView>
-      <ExampleScreen />
-      <Text style={styles.subTitle}>
-        Use swipe back gesture to go back (iOS only)
-      </Text>
-      <Post />
-    </ScrollView>
-  );
-}
-
-export default function App() {
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <ReanimatedScreenProvider>
-        <NavigationContainer>
-          <Stack.Navigator
-            screenOptions={{
-              fullScreenGestureEnabled: true,
-              animation: 'fade_from_bottom',
-              animationMatchesGesture: true,
-              headerLargeTitle: true,
-              // headerTranslucent: true,
-            }}>
-            <Stack.Screen name="First" component={First} />
-            <Stack.Screen name="Second" component={Second} />
-          </Stack.Navigator>
-        </NavigationContainer>
-      </ReanimatedScreenProvider>
-    </GestureHandlerRootView>
-  );
-}
-
-// components
-
-function Post({ onPress }: { onPress?: () => void }) {
-  const [width] = React.useState(Math.round(Dimensions.get('screen').width));
-
-  return (
-    <TapGestureHandler
-      onHandlerStateChange={e =>
-        e.nativeEvent.oldState === State.ACTIVE && onPress?.()
-      }>
-      <View style={styles.post}>
-        <Text style={styles.title}>Post</Text>
-        <ScrollView horizontal>{generatePhotos(4, width, 400)}</ScrollView>
-        <Text style={styles.caption}>Scroll right for more photos</Text>
-      </View>
-    </TapGestureHandler>
-  );
-}
-
-// helpers
-function generatePhotos(
-  amount: number,
-  width: number,
-  height: number,
-): JSX.Element[] {
-  const startFrom = Math.floor(Math.random() * 20) + 10;
-  return Array.from({ length: amount }, (_, index) => {
-    const uri = `https://picsum.photos/id/${
-      startFrom + index
-    }/${width}/${height}`;
-    return <Image style={{ width, height }} key={uri} source={{ uri }} />;
-  });
-}
-
-const styles = StyleSheet.create({
-  title: {
-    fontWeight: 'bold',
-    fontSize: 32,
-    marginBottom: 8,
-    marginLeft: 8,
-  },
-  subTitle: {
-    fontSize: 18,
-    marginVertical: 16,
-    textAlign: 'center',
-  },
-  caption: {
-    textAlign: 'center',
-    marginTop: 4,
-  },
-  post: {
-    borderColor: '#ccc',
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    paddingVertical: 10,
-    marginBottom: 16,
-    backgroundColor: 'white',
-  },
-});
diff --git a/FabricTestExample/src/Test1844.tsx b/FabricTestExample/src/Test1844.tsx
deleted file mode 100644
index ce66caadc9..0000000000
--- a/FabricTestExample/src/Test1844.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-import React, { useState } from 'react';
-import { Dimensions, Image, StyleSheet, Text, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { useHeaderHeight } from '@react-navigation/elements';
-import {
-  GestureHandlerRootView,
-  ScrollView,
-  State,
-  TapGestureHandler,
-} from 'react-native-gesture-handler';
-import { FullWindowOverlay } from 'react-native-screens';
-
-const Stack = createNativeStackNavigator();
-
-function HeaderOverlay() {
-  const headerHeight = useHeaderHeight();
-
-  return (
-    <FullWindowOverlay>
-      <View
-        style={{
-          display: 'flex',
-          justifyContent: 'flex-end',
-          alignItems: 'center',
-
-          backgroundColor: 'red',
-          width: '100%',
-          opacity: 0.5,
-          height: headerHeight,
-        }}>
-        <Text>Header height: {headerHeight}</Text>
-      </View>
-    </FullWindowOverlay>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <ScrollView>
-      <HeaderOverlay />
-      <Post onPress={() => navigation.navigate('Second')} />
-    </ScrollView>
-  );
-}
-
-function Second() {
-  return (
-    <ScrollView>
-      <Text style={styles.subTitle}>
-        Use swipe back gesture to go back (iOS only)
-      </Text>
-      <Post />
-    </ScrollView>
-  );
-}
-
-export default function App() {
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <NavigationContainer>
-        <Stack.Navigator
-          screenOptions={{
-            fullScreenGestureEnabled: true,
-            animation: 'default',
-            animationMatchesGesture: true,
-            // headerLargeTitle: true,
-          }}>
-          <Stack.Screen name="First" component={First} />
-          <Stack.Screen name="Second" component={Second} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </GestureHandlerRootView>
-  );
-}
-
-// components
-
-function Post({ onPress }: { onPress?: () => void }) {
-  const [width] = useState(Math.round(Dimensions.get('screen').width));
-
-  return (
-    <TapGestureHandler
-      onHandlerStateChange={e =>
-        e.nativeEvent.oldState === State.ACTIVE && onPress?.()
-      }>
-      <View style={styles.post}>
-        <Text style={styles.title}>Post</Text>
-        <ScrollView horizontal>{generatePhotos(4, width, 400)}</ScrollView>
-        <Text style={styles.caption}>Scroll right for more photos</Text>
-      </View>
-    </TapGestureHandler>
-  );
-}
-
-// helpers
-function generatePhotos(
-  amount: number,
-  width: number,
-  height: number,
-): JSX.Element[] {
-  const startFrom = Math.floor(Math.random() * 20) + 10;
-  return Array.from({ length: amount }, (_, index) => {
-    const uri = `https://picsum.photos/id/${
-      startFrom + index
-    }/${width}/${height}`;
-    return <Image style={{ width, height }} key={uri} source={{ uri }} />;
-  });
-}
-
-const styles = StyleSheet.create({
-  title: {
-    fontWeight: 'bold',
-    fontSize: 32,
-    marginBottom: 8,
-    marginLeft: 8,
-  },
-  subTitle: {
-    fontSize: 18,
-    marginVertical: 16,
-    textAlign: 'center',
-  },
-  caption: {
-    textAlign: 'center',
-    marginTop: 4,
-  },
-  post: {
-    borderColor: '#ccc',
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    paddingVertical: 10,
-    marginBottom: 16,
-    backgroundColor: 'white',
-  },
-});
diff --git a/FabricTestExample/src/Test364.js b/FabricTestExample/src/Test364.js
deleted file mode 100644
index a5741e8e3a..0000000000
--- a/FabricTestExample/src/Test364.js
+++ /dev/null
@@ -1,83 +0,0 @@
-// fixed by #712
-import React from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import {
-  NavigationContainer,
-  getFocusedRouteNameFromRoute,
-} from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-
-const Home = props => {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: 'red',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>Home Screen</Text>
-      <TouchableOpacity onPress={() => props.navigation.navigate('Settings')}>
-        <Text>GoToSettings</Text>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const Profile = props => {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: 'red',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>Profile Screen</Text>
-    </View>
-  );
-};
-
-const Settings = props => {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: 'red',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>Settings Screen</Text>
-    </View>
-  );
-};
-
-const Stack = createNativeStackNavigator();
-const Tab = createBottomTabNavigator();
-
-function HomeStackScreen() {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen name="Home" component={Home} />
-      <Stack.Screen name="Settings" component={Settings} />
-    </Stack.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Tab.Navigator
-        screenOptions={({ route }) => {
-          const routeName = getFocusedRouteNameFromRoute(route);
-
-          return { tabBarVisible: routeName === 'Home' };
-        }}
-        tabBarOptions={{ inactiveBackgroundColor: 'green' }}>
-        <Tab.Screen name="Home" component={HomeStackScreen} />
-        <Tab.Screen name="Profile" component={Profile} />
-      </Tab.Navigator>
-    </NavigationContainer>
-  );
-}
diff --git a/FabricTestExample/src/Test42.tsx b/FabricTestExample/src/Test42.tsx
deleted file mode 100644
index 3b33828da0..0000000000
--- a/FabricTestExample/src/Test42.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-// connected PRs: #679, #675
-import React from 'react';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import { ScrollView, Button, Text } from 'react-native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-// import {createStackNavigator} from '@react-navigation/stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function NativeNavigation() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          presentation: 'modal',
-        }}>
-        <Stack.Screen
-          name="Home"
-          component={Home}
-          options={{
-            orientation: 'portrait_up',
-          }}
-        />
-        <Stack.Screen
-          name="NestedNavigator"
-          component={NestedNavigator}
-          options={{
-            orientation: 'landscape_right',
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-// change to createStackNavigator to test with stack in the middle
-const Tab = createBottomTabNavigator();
-
-const NestedNavigator = () => (
-  <Tab.Navigator
-    screenOptions={
-      {
-        // orientation: 'landscape_left',
-      }
-    }>
-    <Tab.Screen name="Screen1" component={Home} />
-    <Tab.Screen name="Screen2" component={Inner} />
-    <Tab.Screen
-      name="Screen3"
-      component={Home}
-      // options={{orientation: 'landscape_right'}}
-    />
-  </Tab.Navigator>
-);
-
-const InnerStack = createNativeStackNavigator();
-
-const Inner = () => (
-  <InnerStack.Navigator
-    screenOptions={{
-      orientation: 'portrait_down',
-    }}>
-    <InnerStack.Screen name="DeeperHome" component={Home} />
-  </InnerStack.Navigator>
-);
-
-function Home({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [yes, setYes] = React.useState(true);
-  return (
-    <ScrollView
-      style={{ backgroundColor: 'yellow' }}
-      contentInsetAdjustmentBehavior="automatic">
-      <Button
-        title="NestedNavigator"
-        onPress={() => {
-          navigation.push('NestedNavigator');
-        }}
-      />
-      <Button
-        title="Screen2"
-        onPress={() => {
-          navigation.navigate('Screen2');
-        }}
-      />
-      <Button
-        title="Pop one modal"
-        onPress={() => {
-          navigation.pop();
-        }}
-      />
-      <Button
-        title="Randomly change screen orientation"
-        onPress={() => {
-          navigation.setOptions({
-            orientation: Math.random() > 0.5 ? 'portrait' : 'landscape',
-          });
-          setYes(!yes);
-        }}
-      />
-      <Text>
-        Go to `TabNavigator` and then go to second tab there. Spot the
-        difference between dismissing modal with a swipe and with a `Pop to top`
-        button.{' '}
-      </Text>
-    </ScrollView>
-  );
-}
diff --git a/FabricTestExample/src/Test556.js b/FabricTestExample/src/Test556.js
deleted file mode 100644
index c20f08cec1..0000000000
--- a/FabricTestExample/src/Test556.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          presentation: 'modal',
-          headerShown: true,
-          animation: 'default',
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }) {
-  return (
-    <View style={{ flex: 1, paddingTop: 100 }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.push('Second')}
-      />
-    </View>
-  );
-}
-
-function Second({ navigation }) {
-  return (
-    <View style={{ flex: 1, paddingTop: 100, backgroundColor: 'red' }}>
-      <Button title="Go back" onPress={() => navigation.goBack()} />
-    </View>
-  );
-}
diff --git a/FabricTestExample/src/Test624.js b/FabricTestExample/src/Test624.js
deleted file mode 100644
index 84e8a08daf..0000000000
--- a/FabricTestExample/src/Test624.js
+++ /dev/null
@@ -1,202 +0,0 @@
-import * as React from 'react';
-import {
-  View,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  TextInput,
-} from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import {
-  createStackNavigator,
-  CardStyleInterpolators,
-} from '@react-navigation/stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-
-function First() {
-  const NestedStack = createBottomTabNavigator();
-
-  return (
-    <NestedStack.Navigator>
-      <NestedStack.Screen name="NestedFirst" component={NestedFirst} />
-      <NestedStack.Screen name="NestedSecond" component={NestedSecond} />
-    </NestedStack.Navigator>
-  );
-}
-
-function SecondScreen({ navigation }) {
-  return (
-    <View style={styles.verticalContainer}>
-      <View style={styles.centeredContainer}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.navigate('Third')}>
-          <Text style={styles.buttonText}>Tap me for second screen</Text>
-        </TouchableOpacity>
-      </View>
-      <View style={styles.centeredContainer}>
-        <Text>Hi I'm the SECOND screen</Text>
-        <TextInput
-          placeholder={'Password'}
-          autoCompleteType={'password'}
-          secureTextEntry={true}
-        />
-      </View>
-      <View style={styles.centeredContainer}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.popToTop()}>
-          <Text style={styles.buttonText}>Pop to top</Text>
-        </TouchableOpacity>
-      </View>
-      <View style={styles.flexOne} />
-      <View style={styles.flexOne}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.navigate('Third')}>
-          <Text style={styles.buttonText}>Tap me for second screen</Text>
-        </TouchableOpacity>
-      </View>
-    </View>
-  );
-}
-
-function ThirdScreen({ navigation }) {
-  return (
-    <View style={styles.verticalContainer}>
-      <View style={styles.centeredContainer}>
-        <Text>Hi I'm the SECOND screen</Text>
-      </View>
-      <View style={styles.flexOne} />
-      <View style={styles.flexOne}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.navigate('Second')}>
-          <Text style={styles.buttonText}>Tap me for second screen</Text>
-        </TouchableOpacity>
-      </View>
-    </View>
-  );
-}
-
-function NestedFirst({ navigation }) {
-  return (
-    <View style={styles.verticalContainer}>
-      <View style={styles.centeredContainer}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.navigate('NestedSecond')}>
-          <Text style={styles.buttonText}>Tap me for second screen</Text>
-        </TouchableOpacity>
-      </View>
-      <View style={styles.centeredContainer}>
-        <Text>Hi I'm the SECOND screen</Text>
-        <TextInput
-          placeholder={'Password'}
-          autoCompleteType={'password'}
-          secureTextEntry={true}
-        />
-      </View>
-      <View style={styles.centeredContainer}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.popToTop()}>
-          <Text style={styles.buttonText}>Pop to top</Text>
-        </TouchableOpacity>
-      </View>
-      <View style={styles.flexOne} />
-      <View style={styles.flexOne}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.navigate('Second')}>
-          <Text style={styles.buttonText}>Tap me for second screen</Text>
-        </TouchableOpacity>
-      </View>
-    </View>
-  );
-}
-
-function NestedSecond({ navigation }) {
-  return (
-    <View style={styles.verticalContainer}>
-      <View style={styles.centeredContainer}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.navigate('NestedFirst')}>
-          <Text style={styles.buttonText}>Tap me for second screen</Text>
-        </TouchableOpacity>
-      </View>
-      <View style={styles.centeredContainer}>
-        <Text>Hi I'm the SECOND screen</Text>
-        <TextInput
-          placeholder={'Password'}
-          autoCompleteType={'password'}
-          secureTextEntry={true}
-        />
-      </View>
-      <View style={styles.centeredContainer}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.popToTop()}>
-          <Text style={styles.buttonText}>Pop to top</Text>
-        </TouchableOpacity>
-      </View>
-      <View style={styles.flexOne} />
-      <View style={styles.flexOne}>
-        <TouchableOpacity
-          style={[styles.centeredContainer, styles.buttonExtras]}
-          onPress={() => navigation.navigate('Second')}>
-          <Text style={styles.buttonText}>Tap me for second screen</Text>
-        </TouchableOpacity>
-      </View>
-    </View>
-  );
-}
-
-const Stack = createStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        mode="modal"
-        detachInactiveScreens={true}
-        screenOptions={{
-          animationEnabled: true,
-          transparentCard: true,
-          cardStyleInterpolator: CardStyleInterpolators.forModalPresentationIOS,
-          headerStyle: { backgroundColor: 'red' },
-          gestureEnabled: true,
-          cardOverlayEnabled: true,
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={SecondScreen} />
-        <Stack.Screen name="Third" component={ThirdScreen} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  verticalContainer: {
-    flex: 1,
-    flexDirection: 'column',
-  },
-  centeredContainer: {
-    flex: 1,
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-  },
-  flexOne: {
-    flex: 1,
-  },
-  buttonExtras: {
-    backgroundColor: '#3A8EED',
-    borderRadius: 20,
-    margin: 20,
-  },
-  buttonText: {
-    color: 'white',
-    fontWeight: 'bold',
-  },
-});
diff --git a/FabricTestExample/src/Test642.tsx b/FabricTestExample/src/Test642.tsx
deleted file mode 100644
index 513f28df26..0000000000
--- a/FabricTestExample/src/Test642.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-// connected PRs: #679, #675
-import React from 'react';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import { ScrollView, View, Button } from 'react-native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>,
-};
-
-const Stack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          presentation: 'modal',
-        }}>
-        <Stack.Screen
-          name="Home"
-          component={Home}
-          options={{
-            statusBarStyle: 'dark',
-            autoHideHomeIndicator: true,
-          }}
-        />
-        <Stack.Screen
-          name="TabNavigator"
-          component={TabNavigator}
-          options={{
-            statusBarStyle: 'dark',
-          }}
-        />
-        <Stack.Screen
-          name="Home2"
-          component={Home}
-          options={{
-            statusBarStyle: 'light',
-            presentation: 'fullScreenModal',
-            autoHideHomeIndicator: true,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const Tab = createBottomTabNavigator();
-
-const TabNavigator = () => (
-  <Tab.Navigator>
-    <Tab.Screen name="Tab1" component={Home} />
-    <Tab.Screen name="Tab2" component={Inner} />
-    <Tab.Screen name="Tab3" component={Home} />
-  </Tab.Navigator>
-);
-
-const InnerStack = createNativeStackNavigator();
-
-const Inner = () => (
-  <InnerStack.Navigator
-    screenOptions={{
-      statusBarStyle: 'dark',
-      autoHideHomeIndicator: true,
-    }}>
-    <InnerStack.Screen name="DeeperHome" component={Home} />
-  </InnerStack.Navigator>
-);
-
-function Home({ navigation }: Props) {
-  const [yes, setYes] = React.useState(true);
-  const [hidden, setHidden] = React.useState(true);
-  const [animation, setAnimation] = React.useState(true);
-  return (
-    <ScrollView
-      style={{ backgroundColor: 'rgba(255,255,0,0.5)' }}
-      contentInsetAdjustmentBehavior="automatic">
-      <View />
-      <Button
-        title="TabNavigator"
-        onPress={() => {
-          navigation.push('TabNavigator');
-        }}
-      />
-      <Button
-        title="Home2"
-        onPress={() => {
-          navigation.push('Home2');
-        }}
-      />
-      <Button
-        title="status bar style"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarStyle: yes ? 'light' : 'dark',
-          });
-          setYes(!yes);
-        }}
-      />
-      <Button
-        title="status bar animation"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarAnimation: animation ? 'fade' : 'none',
-          });
-          setAnimation(!animation);
-        }}
-      />
-      <Button
-        title="status bar hidden"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarHidden: hidden,
-          });
-          setHidden(!hidden);
-        }}
-      />
-      <Button
-        title="Change title"
-        onPress={() => {
-          navigation.setOptions({
-            title: yes ? 'Home' : 'NotHome',
-          });
-          setYes(!yes);
-        }}
-      />
-      <Button
-        title="Pop one modal"
-        onPress={() => {
-          navigation.pop();
-        }}
-      />
-    </ScrollView>
-  );
-}
diff --git a/FabricTestExample/src/Test645.js b/FabricTestExample/src/Test645.js
deleted file mode 100644
index 8d11855182..0000000000
--- a/FabricTestExample/src/Test645.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import React from 'react';
-import { Button, Text, View } from 'react-native';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function HomeScreen({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text style={{ fontSize: 30 }}>This is the home screen!</Text>
-      <Button
-        onPress={() => navigation.navigate('Details')}
-        title="Go to Details"
-      />
-      <Button
-        onPress={() => navigation.navigate('Second')}
-        title="Go to Second"
-      />
-    </View>
-  );
-}
-
-function DetailsScreen({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Button
-        onPress={() => navigation.navigate('Settings')}
-        title="Go to Settings"
-      />
-      <Text>Details</Text>
-    </View>
-  );
-}
-
-function SettingsScreen({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Button onPress={() => navigation.navigate('Home')} title="Go to Home" />
-      <Text>Details</Text>
-    </View>
-  );
-}
-
-function SecondScreen({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text style={{ fontSize: 30 }}>This is a second screen!</Text>
-      <Button onPress={() => navigation.goBack()} title="go back" />
-    </View>
-  );
-}
-
-const MainStack = createNativeStackNavigator();
-const Tabs = createBottomTabNavigator();
-
-function MainStackScreen() {
-  return (
-    <MainStack.Navigator screenOptions={{ headerLargeTitle: true }}>
-      <MainStack.Screen name="Main" component={TabsScreen} />
-      <MainStack.Screen name="Details" component={DetailsScreen} />
-      <MainStack.Screen name="Settings" component={SettingsScreen} />
-    </MainStack.Navigator>
-  );
-}
-
-function TabsScreen() {
-  return (
-    <Tabs.Navigator detachInactiveScreens={true}>
-      <Tabs.Screen name="Home" component={HomeScreen} />
-      <Tabs.Screen name="Second" component={SecondScreen} />
-    </Tabs.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <MainStackScreen />
-    </NavigationContainer>
-  );
-}
diff --git a/FabricTestExample/src/Test662.tsx b/FabricTestExample/src/Test662.tsx
deleted file mode 100644
index 19607563b6..0000000000
--- a/FabricTestExample/src/Test662.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const Stack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          animation: 'fade_from_bottom',
-          // stackAnimation: 'slide_from_bottom',
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{
-            animationTypeForReplace: 'push',
-          }}
-        />
-        <Stack.Screen name="Third" component={Third} />
-        <Stack.Screen name="Fourth" component={Fourth} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const First = ({ navigation }: Props): JSX.Element => (
-  <View style={{ flex: 1, justifyContent: 'center', backgroundColor: 'blue' }}>
-    <Button
-      title="Tap me for the second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-    <Button
-      title="Replace with second screen"
-      onPress={() => navigation.replace('Second')}
-    />
-  </View>
-);
-
-const Second = ({ navigation }: Props): JSX.Element => (
-  <View style={{ flex: 1, justifyContent: 'center', backgroundColor: 'red' }}>
-    <Button
-      title="Tap me for the third screen"
-      onPress={() => navigation.navigate('Third')}
-    />
-    <Button title="Tap me to go back" onPress={() => navigation.goBack()} />
-    <Button
-      title="Replace with first screen"
-      onPress={() => navigation.replace('First')}
-    />
-  </View>
-);
-
-const Third = ({ navigation }: Props): JSX.Element => (
-  <View
-    style={{ flex: 1, justifyContent: 'center', backgroundColor: 'purple' }}>
-    <Button
-      title="Tap me for fourth screen"
-      onPress={() => navigation.navigate('Fourth')}
-    />
-    <Button title="Tap me to go back" onPress={() => navigation.goBack()} />
-  </View>
-);
-
-const Fourth = ({ navigation }: Props): JSX.Element => (
-  <View
-    style={{ flex: 1, justifyContent: 'center', backgroundColor: 'orange' }}>
-    <Button
-      title="Tap me for first screen"
-      onPress={() => navigation.navigate('First')}
-    />
-    <Button title="Tap me to go back" onPress={() => navigation.goBack()} />
-  </View>
-);
diff --git a/FabricTestExample/src/Test726.js b/FabricTestExample/src/Test726.js
deleted file mode 100644
index 2e6ee06798..0000000000
--- a/FabricTestExample/src/Test726.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Text, TextInput, View, StyleSheet, Button } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-
-function TestScreen({ navigation }) {
-  return (
-    <View style={styles.content}>
-      <Button
-        title="PUSH ME"
-        onPress={() => navigation.push('Test')}
-        style={styles.button}
-      />
-    </View>
-  );
-}
-
-function TestScreen2() {
-  return (
-    <View style={styles.content}>
-      <Text>Try to swipe back, it will freeze</Text>
-      <TextInput autoFocus />
-    </View>
-  );
-}
-
-const Stack = createStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ keyboardHandlingEnabled: false }}>
-        <Stack.Screen name="Home" component={TestScreen} />
-        <Stack.Screen name="Test" component={TestScreen2} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  button: { margin: 8 },
-  content: { flex: 1, alignItems: 'center', justifyContent: 'center' },
-});
diff --git a/FabricTestExample/src/Test748.tsx b/FabricTestExample/src/Test748.tsx
deleted file mode 100644
index 260f7e316f..0000000000
--- a/FabricTestExample/src/Test748.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from 'react';
-import { Button, ScrollView, View } from 'react-native';
-import {
-  NavigationContainer,
-  NavigationProp,
-  ParamListBase,
-} from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function HomeScreen({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>,
-}) {
-  return (
-    <Button
-      onPress={() => {
-        navigation.navigate('Details');
-      }}
-      title="Go to details"
-    />
-  );
-}
-
-function DetailsScreen({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>,
-}) {
-  const [visible, setVisible] = React.useState(true);
-
-  return (
-    <ScrollView>
-      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-        <Button
-          onPress={() => {
-            navigation.setOptions({
-              headerRight: visible
-                ? () => (
-                    <View
-                      style={{ width: 40, height: 40, backgroundColor: 'red' }}
-                    />
-                  )
-                : () => null,
-            });
-            setVisible(!visible);
-          }}
-          title="Swap headerRight"
-        />
-      </View>
-    </ScrollView>
-  );
-}
-
-const RootStack = createNativeStackNavigator();
-
-function RootStackScreen() {
-  return (
-    <RootStack.Navigator>
-      <RootStack.Screen name="Home" component={HomeScreen} />
-      <RootStack.Screen name="Details" component={DetailsScreen} />
-    </RootStack.Navigator>
-  );
-}
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <RootStackScreen />
-    </NavigationContainer>
-  );
-}
diff --git a/FabricTestExample/src/Test750.js b/FabricTestExample/src/Test750.js
deleted file mode 100644
index c025cc9375..0000000000
--- a/FabricTestExample/src/Test750.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import { View, Button } from 'react-native';
-import { enableScreens } from 'react-native-screens';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-enableScreens();
-
-const Tab = createBottomTabNavigator();
-export default function TabNav() {
-  return (
-    <NavigationContainer>
-      <Tab.Navigator>
-        <Tab.Screen name="Tab1" component={Tab1} />
-        <Tab.Screen name="Tab2" component={StackNav} />
-      </Tab.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const Stack = createNativeStackNavigator();
-function StackNav() {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen
-        name="Screen1"
-        component={Screen1}
-        options={{ headerShown: true }}
-      />
-      <Stack.Screen name="Screen2" component={Screen2} />
-    </Stack.Navigator>
-  );
-}
-
-const Tab1 = () => <View style={{ flex: 1, backgroundColor: 'red' }} />;
-const Screen1 = ({ navigation }) => (
-  <View style={{ flex: 1, backgroundColor: 'green', justifyContent: 'center' }}>
-    <Button title="navigate" onPress={() => navigation.navigate('Screen2')} />
-  </View>
-);
-const Screen2 = () => <View style={{ flex: 1 }} />;
diff --git a/FabricTestExample/src/Test758.tsx b/FabricTestExample/src/Test758.tsx
deleted file mode 100644
index f49b827dc0..0000000000
--- a/FabricTestExample/src/Test758.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import * as React from 'react';
-import { Button, NativeSyntheticEvent, ScrollView } from 'react-native';
-import {
-  NavigationContainer,
-  NavigationProp,
-  ParamListBase,
-} from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackScreenProps,
-} from '@react-navigation/native-stack';
-import { SearchBarProps } from 'react-native-screens';
-
-const AppStack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <AppStack.Navigator
-        screenOptions={{
-          headerLargeTitle: true,
-          headerTransparent: false,
-        }}>
-        <AppStack.Screen name="First" component={First} />
-        <AppStack.Screen name="Second" component={Second} />
-      </AppStack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }: NativeStackScreenProps<ParamListBase>) {
-  React.useLayoutEffect(() => {
-    navigation.setOptions({
-      headerSearchBarOptions: searchBarOptions,
-    });
-  }, [navigation]);
-
-  const [search, setSearch] = React.useState('');
-
-  const searchBarOptions: SearchBarProps = {
-    barTintColor: 'powderblue',
-    tintColor: 'red',
-    textColor: 'red',
-    hideWhenScrolling: true,
-    obscureBackground: false,
-    hideNavigationBar: false,
-    autoCapitalize: 'sentences',
-    placeholder: 'Some text',
-    cancelButtonText: 'Some text',
-    onChangeText: (e: NativeSyntheticEvent<{ text: string }>) =>
-      setSearch(e.nativeEvent.text),
-    onCancelButtonPress: () => console.warn('Cancel button pressed'),
-    onSearchButtonPress: () => console.warn('Search button pressed'),
-    onFocus: () => console.warn('onFocus event'),
-    onBlur: () => console.warn('onBlur event'),
-  };
-
-  const items = [
-    'Apples',
-    'Pie',
-    'Juice',
-    'Cake',
-    'Nuggets',
-    'Some',
-    'Other',
-    'Stuff',
-    'To',
-    'Fill',
-    'The',
-    'Scrolling',
-    'Space',
-  ];
-
-  return (
-    <ScrollView
-      contentInsetAdjustmentBehavior="automatic"
-      keyboardDismissMode="on-drag">
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-      {items
-        .filter(item => item.toLowerCase().indexOf(search.toLowerCase()) !== -1)
-        .map(item => (
-          <Button
-            title={item}
-            key={item}
-            onPress={() => {
-              console.warn(`${item} clicked`);
-            }}
-          />
-        ))}
-    </ScrollView>
-  );
-}
-
-function Second({ navigation }: { navigation: NavigationProp<ParamListBase> }) {
-  return (
-    <ScrollView contentInsetAdjustmentBehavior="automatic">
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-    </ScrollView>
-  );
-}
diff --git a/FabricTestExample/src/Test800.tsx b/FabricTestExample/src/Test800.tsx
deleted file mode 100644
index a55e2860ab..0000000000
--- a/FabricTestExample/src/Test800.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import * as React from 'react';
-import { Button, StyleSheet, View, Text } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          presentation: 'modal',
-          headerRight: () => <View style={styles.headerView} />,
-          headerTitleStyle: {
-            color: 'cyan',
-          },
-          headerShown: true,
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <Button
-      title="Tap me for the second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [hidden, setHidden] = React.useState(false);
-  const [text, setText] = React.useState('');
-  return (
-    <>
-      <Button
-        title="Tap me for the first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-      <Text>{text}</Text>
-      <Button
-        title="Change text"
-        onPress={() => setText(Math.random().toString())}
-      />
-      <Button
-        title="Hide header"
-        onPress={() => {
-          navigation.setOptions({ headerShown: hidden });
-          setHidden(!hidden);
-        }}
-      />
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  headerView: {
-    height: 20,
-    width: 20,
-    backgroundColor: 'red',
-  },
-});
diff --git a/FabricTestExample/src/Test817.tsx b/FabricTestExample/src/Test817.tsx
deleted file mode 100644
index 1b70c0c414..0000000000
--- a/FabricTestExample/src/Test817.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import { View, Text, Button } from 'react-native';
-
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-const App = (): JSX.Element => {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          animation: 'slide_from_right',
-        }}>
-        <Stack.Screen name="Home" component={Home} />
-        <Stack.Screen
-          name="Notifications"
-          component={Notifications}
-          options={{
-            header: () => <Text>Hello!</Text>,
-            headerRight: () => <Text>Some other text</Text>,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-function Home({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View>
-      <Button
-        title="Navigate"
-        onPress={() => navigation.navigate('Notifications')}
-      />
-    </View>
-  );
-}
-
-function Notifications() {
-  return <View />;
-}
-
-export default App;
diff --git a/FabricTestExample/src/Test830.tsx b/FabricTestExample/src/Test830.tsx
deleted file mode 100644
index 18b649f63c..0000000000
--- a/FabricTestExample/src/Test830.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useLayoutEffect } from 'react';
-import { Button, View } from 'react-native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { NavigationContainer, RouteProp } from '@react-navigation/native';
-
-type StackParamList = {
-  Details: { index: number };
-};
-interface DetailsScreenProps {
-  navigation: NativeStackNavigationProp<StackParamList, 'Details'>;
-  route: RouteProp<StackParamList, 'Details'>;
-}
-
-const DetailsScreen = ({ navigation, route }: DetailsScreenProps) => {
-  const index = route.params?.index ? route.params?.index : 0;
-
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      title: `Details screen #${index}`,
-    });
-  }, [navigation]);
-
-  return (
-    <View>
-      <Button
-        title={`More details ${index}`}
-        onPress={() => navigation.push('Details', { index: index + 1 })}
-      />
-    </View>
-  );
-};
-
-const Stack = createNativeStackNavigator();
-
-const App = (): JSX.Element => (
-  <NavigationContainer>
-    <Stack.Navigator>
-      <Stack.Screen name="Details" component={DetailsScreen} />
-    </Stack.Navigator>
-  </NavigationContainer>
-);
-
-export default App;
diff --git a/FabricTestExample/src/Test860.tsx b/FabricTestExample/src/Test860.tsx
deleted file mode 100644
index 168f2754f8..0000000000
--- a/FabricTestExample/src/Test860.tsx
+++ /dev/null
@@ -1,220 +0,0 @@
-import React from 'react';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import { ScrollView, Button, Text } from 'react-native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-  NativeStackNavigationOptions,
-} from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-// import {createStackNavigator} from '@react-navigation/stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function NativeNavigation() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          presentation: 'card',
-          animation: 'slide_from_right',
-        }}>
-        <Stack.Screen
-          name="Home"
-          component={Home}
-          options={{
-            statusBarBackgroundColor: 'rgba(0,0,255,0.25)',
-            statusBarAnimation: 'slide',
-            statusBarStyle: 'dark',
-            statusBarTranslucent: true,
-            statusBarHidden: false,
-            navigationBarColor: 'green',
-            navigationBarHidden: false,
-          }}
-        />
-        <Stack.Screen
-          name="NestedNavigator"
-          component={NestedNavigator}
-          options={{
-            statusBarBackgroundColor: 'red',
-            statusBarAnimation: 'slide',
-            statusBarStyle: 'dark',
-            statusBarHidden: true,
-            statusBarTranslucent: true,
-            navigationBarColor: 'blue',
-            navigationBarHidden: true,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-// change to createStackNavigator to test with stack in the middle
-const Tab = createBottomTabNavigator();
-
-const NestedNavigator = () => (
-  <Tab.Navigator
-    screenOptions={
-      {
-        //  statusBarBackgroundColor: 'purple',
-        //  statusBarStyle: 'light',
-      }
-    }>
-    <Tab.Screen name="Screen1" component={Home} />
-    <Tab.Screen name="Screen2" component={Inner} />
-    <Tab.Screen
-      name="Screen3"
-      component={Home}
-      options={
-        {
-          // statusBarBackgroundColor: 'powderblue',
-          // statusBarStyle: 'dark',
-        }
-      }
-    />
-  </Tab.Navigator>
-);
-
-const InnerStack = createNativeStackNavigator();
-
-const Inner = () => (
-  <InnerStack.Navigator
-    screenOptions={{
-      statusBarBackgroundColor: 'pink',
-      statusBarAnimation: 'none',
-      statusBarStyle: 'auto',
-      navigationBarColor: 'pink',
-      // headerShown: false,
-    }}>
-    <InnerStack.Screen name="DeeperHome" component={Home} />
-  </InnerStack.Navigator>
-);
-
-function Home({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [statusBarColor, setStatusBarColor] = React.useState('mediumseagreen');
-  const [statusBarStyle, setStatusBarStyle] =
-    React.useState<NativeStackNavigationOptions['statusBarStyle']>('dark');
-  const [statusBarHidden, setStatusBarHidden] = React.useState(false);
-  const [statusBarTranslucent, setStatusBarTranslucent] = React.useState(true);
-  const [statusBarAnimation, setStatusBarAnimation] =
-    React.useState<NativeStackNavigationOptions['statusBarAnimation']>('slide');
-  const [navigationBarColor, setNavigationBarColor] = React.useState('green');
-  const [navigationBarHidden, setNavigationBarHidden] = React.useState(false);
-
-  return (
-    <ScrollView
-      style={{ backgroundColor: 'yellow' }}
-      contentInsetAdjustmentBehavior="automatic">
-      <Button
-        title="NestedNavigator"
-        onPress={() => {
-          navigation.push('NestedNavigator');
-        }}
-      />
-      <Button
-        title="Screen2"
-        onPress={() => {
-          navigation.navigate('Screen2');
-        }}
-      />
-      <Button
-        title="Pop one modal"
-        onPress={() => {
-          navigation.pop();
-        }}
-      />
-      <Button
-        title="Change status bar color"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarBackgroundColor: statusBarColor,
-          });
-          setStatusBarColor(
-            statusBarColor === 'mediumseagreen'
-              ? 'rgba(255,128,128,0.5)'
-              : 'mediumseagreen',
-          );
-        }}
-      />
-      <Button
-        title="Change status bar color in parent native-stack"
-        onPress={() => {
-          navigation.getParent()?.getParent()?.setOptions({
-            statusBarColor,
-          });
-          setStatusBarColor(
-            statusBarColor === 'mediumseagreen' ? 'orange' : 'mediumseagreen',
-          );
-        }}
-      />
-      <Button
-        title="Change status bar style"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarStyle,
-          });
-          setStatusBarStyle(statusBarStyle === 'light' ? 'dark' : 'light');
-        }}
-      />
-      <Button
-        title="Change status bar hidden"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarHidden,
-          });
-          setStatusBarHidden(!statusBarHidden);
-        }}
-      />
-      <Button
-        title="Change status bar translucent"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarTranslucent,
-          });
-          setStatusBarTranslucent(!statusBarTranslucent);
-        }}
-      />
-      <Button
-        title="Change status bar animation"
-        onPress={() => {
-          navigation.setOptions({
-            statusBarAnimation,
-          });
-          setStatusBarAnimation(
-            statusBarAnimation === 'none' ? 'slide' : 'none',
-          );
-        }}
-      />
-      <Button
-        title="Change navigation bar color"
-        onPress={() => {
-          navigation.setOptions({
-            navigationBarColor,
-          });
-          setNavigationBarColor(
-            navigationBarColor === 'green' ? 'powderblue' : 'green',
-          );
-        }}
-      />
-      <Button
-        title="Change navigation bar hidden"
-        onPress={() => {
-          navigation.setOptions({
-            navigationBarHidden,
-          });
-          setNavigationBarHidden(!navigationBarHidden);
-        }}
-      />
-      <Text>
-        Go to `TabNavigator` and then go to second tab there. Spot the
-        difference between dismissing modal with a swipe and with a `Pop to top`
-        button.{' '}
-      </Text>
-    </ScrollView>
-  );
-}
diff --git a/FabricTestExample/src/Test887.tsx b/FabricTestExample/src/Test887.tsx
deleted file mode 100644
index b7f38fd77d..0000000000
--- a/FabricTestExample/src/Test887.tsx
+++ /dev/null
@@ -1,301 +0,0 @@
-import * as React from 'react';
-import {
-  Animated as RNAnimated,
-  Button,
-  View,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  Dimensions,
-  SafeAreaView,
-} from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { useTransitionProgress } from 'react-native-screens';
-import {
-  useReanimatedTransitionProgress,
-  ReanimatedScreenProvider,
-} from 'react-native-screens/reanimated';
-import Animated, {
-  useAnimatedStyle,
-  useDerivedValue,
-} from 'react-native-reanimated';
-import { createStackNavigator } from '@react-navigation/stack';
-
-const Stack = createNativeStackNavigator();
-
-const NestedStack = createStackNavigator();
-
-// Nested stack to check if transition progress values are passed properly through non native-stack navigators
-function NestedFirst() {
-  return (
-    <NestedStack.Navigator>
-      <NestedStack.Screen name="NestedFirst" component={First} />
-    </NestedStack.Navigator>
-  );
-}
-
-type SimpleStackParams = {
-  First: undefined;
-  Second: undefined;
-  Third: undefined;
-};
-export default function App(): JSX.Element {
-  return (
-    <ReanimatedScreenProvider>
-      <NavigationContainer>
-        <Stack.Navigator
-          screenOptions={{
-            animation: 'fade_from_bottom',
-            headerShown: true,
-            animationMatchesGesture: true,
-            // stackPresentation: 'transparentModal',
-          }}>
-          <Stack.Screen name="First" component={NestedFirst} />
-          <Stack.Screen name="Second" component={Second} />
-          <Stack.Screen
-            name="Third"
-            component={Dialog}
-            options={{ presentation: 'modal' }}
-          />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </ReanimatedScreenProvider>
-  );
-}
-
-// checking if many components can call useProgress at the same time
-function SiblingView() {
-  const reaProgress = useReanimatedTransitionProgress();
-  const sv = useDerivedValue(
-    () =>
-      (reaProgress.progress.value < 0.5
-        ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50,
-  );
-  const reaStyle = useAnimatedStyle(() => {
-    return {
-      width: sv.value,
-      height: sv.value,
-      backgroundColor: 'blue',
-    };
-  });
-
-  const { progress } = useTransitionProgress();
-
-  const opacity = progress.interpolate({
-    inputRange: [0, 0.5, 1],
-    outputRange: [1.0, 0.0, 1.0],
-    extrapolate: 'clamp',
-  });
-
-  return (
-    <>
-      <Animated.View style={reaStyle} />
-      <RNAnimated.View
-        style={{ opacity, height: 50, width: '100%', backgroundColor: 'green' }}
-      />
-    </>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<SimpleStackParams, 'First'>;
-}) {
-  // using progress from both Animated and Reanimated context in the same Screen
-  const reaProgress = useReanimatedTransitionProgress();
-  const sv = useDerivedValue(
-    () =>
-      (reaProgress.progress.value < 0.5
-        ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50,
-  );
-  const reaStyle = useAnimatedStyle(() => {
-    return {
-      width: sv.value,
-      height: sv.value,
-      backgroundColor: 'blue',
-    };
-  });
-
-  const { progress } = useTransitionProgress();
-
-  const opacity = progress.interpolate({
-    inputRange: [0, 0.5, 1],
-    outputRange: [1.0, 0.0, 1.0],
-    extrapolate: 'clamp',
-  });
-
-  return (
-    <View style={{ backgroundColor: 'red', flex: 1 }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-      <Button
-        title="Tap me for third screen"
-        onPress={() => navigation.push('Third')}
-      />
-      <Animated.View style={reaStyle} />
-      <SiblingView />
-      <SiblingView />
-      <RNAnimated.View
-        style={{ opacity, height: 50, width: '100%', backgroundColor: 'green' }}
-      />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<SimpleStackParams, 'Second'>;
-}) {
-  // using Animated.Value with the progress from context
-  const { progress } = useTransitionProgress();
-
-  const opacity = progress.interpolate({
-    inputRange: [0, 0.5, 1],
-    outputRange: [1.0, 0.0, 1.0],
-    extrapolate: 'clamp',
-  });
-
-  // use to check that nativeDriver works correctly
-  // React.useEffect(() => {
-  //   const inter = setInterval(() => {
-  //     let sum = 0;
-  //     for(let i = 0; i<1e8; i++) {
-  //       sum = sum + i;
-  //     }
-  //   }, 20);
-  //   return () => clearInterval(inter);
-  // })
-
-  return (
-    <View style={{ backgroundColor: 'yellow', flex: 1 }}>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.push('Second')}
-      />
-      <Button
-        title="Tap me for third screen"
-        onPress={() => navigation.push('Third')}
-      />
-      <RNAnimated.View
-        style={{ opacity, height: 50, backgroundColor: 'green' }}
-      />
-    </View>
-  );
-}
-
-const Dialog = ({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<SimpleStackParams, 'Third'>;
-}): JSX.Element => {
-  // using Animated with the progress
-  const { progress } = useTransitionProgress();
-  const reaProgress = useReanimatedTransitionProgress();
-  const sv = useDerivedValue(
-    () =>
-      (reaProgress.progress.value < 0.5
-        ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50,
-  );
-  const reaStyle = useAnimatedStyle(() => {
-    return {
-      width: sv.value,
-      height: sv.value,
-      backgroundColor: 'blue',
-    };
-  });
-
-  const val = progress.interpolate({
-    inputRange: [0, 0.5, 1],
-    outputRange: [0.1, 0.5, 0.1],
-    extrapolate: 'clamp',
-  });
-
-  return (
-    <SafeAreaView style={styles.container}>
-      <View style={styles.wrapper}>
-        <Text style={styles.heading}>Hey! Sign up for our newsletter!</Text>
-        <RNAnimated.View
-          style={{
-            width: 50,
-            height: 50,
-            opacity: val,
-            backgroundColor: 'blue',
-          }}
-        />
-        <Animated.View style={reaStyle} />
-        <TouchableOpacity
-          style={{ ...styles.button }}
-          onPress={() => navigation.goBack()}>
-          <Text style={styles.buttonText}>Please no.</Text>
-        </TouchableOpacity>
-        <Button
-          title="Tap me for third screen"
-          onPress={() => navigation.push('Third')}
-        />
-        <Button
-          title="Tap me for first screen"
-          onPress={() => navigation.navigate('First')}
-        />
-      </View>
-    </SafeAreaView>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: '#00000044',
-  },
-  wrapper: {
-    width: Dimensions.get('screen').width - 40,
-    backgroundColor: 'white',
-    shadowColor: 'black',
-    shadowOffset: {
-      width: 0,
-      height: 10,
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 5.0,
-    elevation: 4,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 16,
-    borderRadius: 8,
-  },
-  heading: {
-    fontSize: 22,
-    fontWeight: 'bold',
-    color: 'black',
-    marginBottom: 16,
-    textAlign: 'center',
-  },
-  button: {
-    backgroundColor: 'dodgerblue',
-    height: 40,
-    borderRadius: 8,
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingHorizontal: 20,
-  },
-  buttonText: {
-    color: 'white',
-    fontWeight: 'bold',
-  },
-});
diff --git a/FabricTestExample/src/Test898.tsx b/FabricTestExample/src/Test898.tsx
deleted file mode 100644
index c3eb72ac39..0000000000
--- a/FabricTestExample/src/Test898.tsx
+++ /dev/null
@@ -1,349 +0,0 @@
-import React, { useState, useEffect, RefObject } from 'react';
-import Animated, {
-  useSharedValue,
-  useAnimatedStyle,
-  useAnimatedGestureHandler,
-  interpolate,
-  Extrapolate,
-  withTiming,
-  Easing,
-  useAnimatedRef,
-  measure,
-  runOnJS,
-} from 'react-native-reanimated';
-import { Dimensions, StyleSheet, View, Image, Platform } from 'react-native';
-import {
-  ScrollView,
-  PanGestureHandler,
-  TapGestureHandler,
-  TapGestureHandlerGestureEvent,
-} from 'react-native-gesture-handler';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { NavigationContainer } from '@react-navigation/native';
-import {
-  SafeAreaProvider,
-  useSafeAreaInsets,
-} from 'react-native-safe-area-context';
-
-const AnimatedImage = Animated.createAnimatedComponent(Image);
-
-const dimensions = Dimensions.get('window');
-const GUTTER_WIDTH = 3;
-const NUMBER_OF_IMAGES = 4;
-const IMAGE_SIZE =
-  (dimensions.width - GUTTER_WIDTH * (NUMBER_OF_IMAGES - 1)) / NUMBER_OF_IMAGES;
-
-type ExampleImage = {
-  uri: string;
-  width: number;
-  height: number;
-};
-type ActiveExampleImageProperties = {
-  x: Animated.SharedValue<number>;
-  y: Animated.SharedValue<number>;
-  width: Animated.SharedValue<number>;
-  height: Animated.SharedValue<number>;
-  imageOpacity: Animated.SharedValue<number>;
-};
-type ActiveExampleImage = ActiveExampleImageProperties & {
-  // @ts-ignore: FIXME AnimatedImage type
-  animatedRef: RefObject<ActiveExampleImage>;
-  item: ExampleImage;
-};
-
-type onItemPressFn = <T>(
-  animatedRef: RefObject<T>,
-  item: ExampleImage,
-  svs: ActiveExampleImageProperties,
-) => void;
-function ImageList({
-  images,
-  onItemPress,
-}: {
-  images: ExampleImage[];
-  onItemPress: onItemPressFn;
-}) {
-  return (
-    <ScrollView contentContainerStyle={styles.scrollContainer}>
-      {images.map((item, i) => (
-        <ListItem onPress={onItemPress} key={i} index={i} item={item} />
-      ))}
-    </ScrollView>
-  );
-}
-
-type ListItemProps = {
-  item: ExampleImage;
-  index: number;
-  onPress: onItemPressFn;
-};
-function ListItem({ item, index, onPress }: ListItemProps) {
-  // @ts-ignore: FIXME(TS) correct type for createAnimatedComponent
-  const ref = useAnimatedRef<AnimatedImage>();
-  const opacity = useSharedValue(1);
-  const statusBarInset = useSafeAreaInsets().top; // inset of the status bar
-  const headerHeight = statusBarInset + 44;
-
-  const containerStyle = {
-    marginRight: (index + 1) % 4 === 0 ? 0 : GUTTER_WIDTH,
-    marginBottom: GUTTER_WIDTH,
-  };
-
-  const styles = useAnimatedStyle(() => {
-    return {
-      width: IMAGE_SIZE,
-      height: IMAGE_SIZE,
-      opacity: opacity.value,
-    };
-  });
-
-  const width = useSharedValue(0);
-  const height = useSharedValue(0);
-  const x = useSharedValue(0);
-  const y = useSharedValue(0);
-
-  function handlePress() {
-    onPress(ref, item, { imageOpacity: opacity, width, height, x, y });
-  }
-
-  const handler = useAnimatedGestureHandler<TapGestureHandlerGestureEvent>({
-    onFinish: (_evt, _ctx, isCanceledOrFailed) => {
-      if (isCanceledOrFailed) {
-        return;
-      }
-
-      // measure the image
-      // width/height and position to animate from it to the full screen one
-      const measurements = measure(ref);
-
-      width.value = measurements.width;
-      height.value = measurements.height;
-      x.value = measurements.pageX;
-      y.value = measurements.pageY - headerHeight;
-
-      runOnJS(handlePress)();
-    },
-  });
-
-  return (
-    <TapGestureHandler onGestureEvent={handler}>
-      <Animated.View style={containerStyle}>
-        <AnimatedImage ref={ref} source={{ uri: item.uri }} style={styles} />
-      </Animated.View>
-    </TapGestureHandler>
-  );
-}
-
-const timingConfig = {
-  duration: 240,
-  easing: Easing.bezier(0.33, 0.01, 0, 1),
-};
-
-function ImageTransition({
-  activeImage,
-  onClose,
-}: {
-  activeImage: ActiveExampleImage;
-  onClose: () => void;
-}) {
-  const { item, x, y, width, height, imageOpacity } = activeImage;
-  const { uri } = item;
-
-  const targetWidth = dimensions.width;
-  const scaleFactor = item.width / targetWidth;
-  const targetHeight = item.height / scaleFactor;
-
-  const statusBarInset = useSafeAreaInsets().top; // inset of the status bar
-  const headerHeight = statusBarInset + 44;
-
-  const animationProgress = useSharedValue(0);
-
-  const backdropOpacity = useSharedValue(0);
-  const scale = useSharedValue(1);
-
-  const targetX = useSharedValue(0);
-  const targetY = useSharedValue(
-    (dimensions.height - targetHeight) / 2 - headerHeight,
-  );
-
-  const translateX = useSharedValue(0);
-  const translateY = useSharedValue(0);
-
-  const onPan = useAnimatedGestureHandler({
-    onActive: event => {
-      translateX.value = event.translationX;
-      translateY.value = event.translationY;
-
-      scale.value = interpolate(
-        translateY.value,
-        [-200, 0, 200],
-        [0.65, 1, 0.65],
-        Extrapolate.CLAMP,
-      );
-
-      backdropOpacity.value = interpolate(
-        translateY.value,
-        [-100, 0, 100],
-        [0, 1, 0],
-        Extrapolate.CLAMP,
-      );
-    },
-
-    onEnd: (_event, _ctx) => {
-      if (Math.abs(translateY.value) > 40) {
-        targetX.value = translateX.value - targetX.value * -1;
-        targetY.value = translateY.value - targetY.value * -1;
-
-        translateX.value = 0;
-        translateY.value = 0;
-
-        animationProgress.value = withTiming(0, timingConfig, () => {
-          imageOpacity.value = withTiming(
-            1,
-            {
-              duration: 16,
-            },
-            () => {
-              runOnJS(onClose)();
-            },
-          );
-        });
-
-        backdropOpacity.value = withTiming(0, timingConfig);
-      } else {
-        backdropOpacity.value = withTiming(1, timingConfig);
-        translateX.value = withTiming(0, timingConfig);
-        translateY.value = withTiming(0, timingConfig);
-      }
-
-      scale.value = withTiming(1, timingConfig);
-    },
-  });
-
-  const imageStyles = useAnimatedStyle(() => {
-    const interpolateProgress = (range: [number, number]) =>
-      interpolate(animationProgress.value, [0, 1], range, Extrapolate.CLAMP);
-
-    const top =
-      translateY.value + interpolateProgress([y.value, targetY.value]);
-    const left =
-      translateX.value + interpolateProgress([x.value, targetX.value]);
-
-    return {
-      position: 'absolute',
-      top,
-      left,
-      width: interpolateProgress([width.value, targetWidth]),
-      height: interpolateProgress([height.value, targetHeight]),
-      transform: [
-        {
-          scale: scale.value,
-        },
-      ],
-    };
-  });
-
-  const backdropStyles = useAnimatedStyle(() => {
-    return {
-      opacity: backdropOpacity.value,
-    };
-  });
-
-  useEffect(() => {
-    // fixes flickering
-    requestAnimationFrame(() => {
-      imageOpacity.value = 0;
-    });
-
-    animationProgress.value = withTiming(1, timingConfig);
-    backdropOpacity.value = withTiming(1, timingConfig);
-  }, []);
-
-  return (
-    <View style={StyleSheet.absoluteFillObject}>
-      <Animated.View style={[styles.backdrop, backdropStyles]} />
-
-      <PanGestureHandler onGestureEvent={onPan}>
-        <Animated.View style={StyleSheet.absoluteFillObject}>
-          <AnimatedImage source={{ uri }} style={imageStyles} />
-        </Animated.View>
-      </PanGestureHandler>
-    </View>
-  );
-}
-
-const images: ExampleImage[] = Array.from({ length: 30 }, (_, index) => {
-  return {
-    uri: `https://picsum.photos/id/${index + 10}/400/400`,
-    width: dimensions.width,
-    height: 400,
-  };
-});
-
-function LightboxExample(): React.ReactElement {
-  const [activeImage, setActiveImage] = useState<ActiveExampleImage | null>(
-    null,
-  );
-
-  function onItemPress(
-    // @ts-ignore: FIXME AnimatedImage type
-    animatedRef: RefObject<AnimatedImage>,
-    item: ExampleImage,
-    svs: ActiveExampleImageProperties,
-  ) {
-    setActiveImage({
-      animatedRef,
-      item,
-      ...svs,
-    });
-  }
-
-  function onClose() {
-    setActiveImage(null);
-  }
-
-  const statusBarInset = useSafeAreaInsets().top; // inset of the status bar
-  const headerHeight = statusBarInset + 44;
-  const height =
-    Platform.OS === 'web' ? dimensions.height - headerHeight : undefined;
-
-  return (
-    <View style={[styles.container, { height }]}>
-      <ImageList onItemPress={onItemPress} images={images} />
-
-      {activeImage && (
-        <ImageTransition onClose={onClose} activeImage={activeImage} />
-      )}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    paddingTop: 0,
-  },
-
-  scrollContainer: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-  },
-
-  backdrop: {
-    ...StyleSheet.absoluteFillObject,
-    backgroundColor: 'black',
-  },
-});
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <SafeAreaProvider>
-      <NavigationContainer>
-        <Stack.Navigator>
-          <Stack.Screen name="First" component={LightboxExample} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </SafeAreaProvider>
-  );
-}
diff --git a/FabricTestExample/src/TestFreeze.tsx b/FabricTestExample/src/TestFreeze.tsx
deleted file mode 100644
index a1de313f17..0000000000
--- a/FabricTestExample/src/TestFreeze.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { View, Text, Button, ScrollView } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-// import {createStackNavigator} from '@react-navigation/stack';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const store = new Set<Dispatch>();
-
-type Dispatch = (value: number) => void;
-
-function useValue() {
-  const [value, setValue] = useState<number>(0); // integer state
-
-  useEffect(() => {
-    const dispatch = (value: number) => {
-      setValue(value);
-    };
-    store.add(dispatch);
-    return () => store.delete(dispatch);
-  }, [setValue]);
-
-  return value;
-}
-
-function HomeScreen({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const value = useValue();
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text>Home Screen {value}</Text>
-      <Button
-        title="Go to Details"
-        onPress={() => navigation.navigate('Details')}
-      />
-    </View>
-  );
-}
-
-function DetailsScreen({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const value = useValue();
-  // only 1 'render' should appear at the time
-  console.log('render', value);
-  return (
-    <ScrollView>
-      <View style={{ height: 400 }} />
-      <Text style={{ alignSelf: 'center' }}>Details Screen {value}</Text>
-      <Button
-        title="Go to Details"
-        onPress={() => navigation.push('Details')}
-      />
-      <View style={{ height: 800 }} />
-    </ScrollView>
-  );
-}
-
-const Stack = createNativeStackNavigator();
-
-function App() {
-  useEffect(() => {
-    let timer = 0;
-    const interval = setInterval(() => {
-      timer = timer + 1;
-      store.forEach(dispatch => dispatch(timer));
-    }, 3000);
-    return () => clearInterval(interval);
-  }, []);
-
-  return (
-    <NavigationContainer>
-      <Stack.Navigator initialRouteName="Home">
-        <Stack.Screen name="Home" component={HomeScreen} />
-        <Stack.Screen name="Details" component={DetailsScreen} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-export default App;
diff --git a/FabricTestExample/tsconfig.json b/FabricTestExample/tsconfig.json
deleted file mode 100644
index 304ab4e2d8..0000000000
--- a/FabricTestExample/tsconfig.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "@react-native/typescript-config/tsconfig.json"
-}
diff --git a/TestsExample/.eslintrc.js b/TestsExample/.eslintrc.js
deleted file mode 100644
index cfc90f7103..0000000000
--- a/TestsExample/.eslintrc.js
+++ /dev/null
@@ -1,12 +0,0 @@
-module.exports = {
-  root: true,
-  extends: '@react-native',
-  overrides: [
-    {
-      files: ['*.tsx', '*.js'],
-      rules: {
-        'react-native/no-inline-styles': 'off',
-      },
-    },
-  ],
-};
diff --git a/TestsExample/.prettierrc.js b/TestsExample/.prettierrc.js
deleted file mode 100644
index 2ae7b381ed..0000000000
--- a/TestsExample/.prettierrc.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  arrowParens: 'avoid',
-  bracketSameLine: true,
-  bracketSpacing: true,
-  singleQuote: true,
-  trailingComma: 'all',
-};
diff --git a/TestsExample/App.js b/TestsExample/App.js
index 7137c79a65..7de41240a1 100644
--- a/TestsExample/App.js
+++ b/TestsExample/App.js
@@ -1,107 +1,3 @@
-/* eslint-disable no-unused-vars */
-import React from 'react';
+import App from '../apps/test-examples';
 
-import { enableFreeze } from 'react-native-screens';
-
-import Test42 from './src/Test42';
-import Test111 from './src/Test111';
-import Test263 from './src/Test263';
-import Test349 from './src/Test349';
-import Test364 from './src/Test364';
-import Test528 from './src/Test528';
-import Test550 from './src/Test550';
-import Test556 from './src/Test556';
-import Test564 from './src/Test564';
-import Test577 from './src/Test577';
-import Test593 from './src/Test593';
-import Test619 from './src/Test619';
-import Test624 from './src/Test624';
-import Test640 from './src/Test640';
-import Test642 from './src/Test642';
-import Test645 from './src/Test645';
-import Test648 from './src/Test648';
-import Test649 from './src/Test649';
-import Test654 from './src/Test654';
-import Test658 from './src/Test658';
-import Test662 from './src/Test662';
-import Test691 from './src/Test691';
-import Test702 from './src/Test702';
-import Test706 from './src/Test706';
-import Test713 from './src/Test713';
-import Test726 from './src/Test726';
-import Test748 from './src/Test748';
-import Test750 from './src/Test750';
-import Test758 from './src/Test758';
-import Test761 from './src/Test761';
-import Test779 from './src/Test779';
-import Test780 from './src/Test780';
-import Test791 from './src/Test791';
-import Test800 from './src/Test800';
-import Test817 from './src/Test817';
-import Test830 from './src/Test830';
-import Test831 from './src/Test831';
-import Test844 from './src/Test844';
-import Test852 from './src/Test852';
-import Test860 from './src/Test860';
-import Test861 from './src/Test861';
-import Test865 from './src/Test865';
-import Test881 from './src/Test881';
-import Test887 from './src/Test887';
-import Test898 from './src/Test898';
-import Test913 from './src/Test913';
-import Test999 from './src/Test999';
-import Test1017 from './src/Test1017';
-import Test1031 from './src/Test1031';
-import Test1032 from './src/Test1032';
-import Test1036 from './src/Test1036';
-import Test1072 from './src/Test1072';
-import Test1084 from './src/Test1084';
-import Test1091 from './src/Test1091';
-import Test1096 from './src/Test1096';
-import Test1097 from './src/Test1097';
-import Test1153 from './src/Test1153';
-import Test1157 from './src/Test1157';
-import Test1162 from './src/Test1162';
-import Test1166 from './src/Test1166';
-import Test1188 from './src/Test1188';
-import Test1190 from './src/Test1190';
-import TestFreeze from './src/TestFreeze';
-import Test1198 from './src/Test1198';
-import Test1204 from './src/Test1204';
-import Test1209 from './src/Test1209';
-import Test1213 from './src/Test1213';
-import Test1214 from './src/Test1214';
-import Test1227 from './src/Test1227';
-import Test1228 from './src/Test1228';
-import Test1259 from './src/Test1259';
-import Test1260 from './src/Test1260';
-import Test1296 from './src/Test1296';
-import Test1299 from './src/Test1299';
-import Test1391 from './src/Test1391';
-import Test1419 from './src/Test1419';
-import Test1473 from './src/Test1473';
-import Test1476 from './src/Test1476';
-import Test1509 from './src/Test1509';
-import Test1539 from './src/Test1539';
-import Test1646 from './src/Test1646';
-import Test1649 from './src/Test1649';
-import Test1671 from './src/Test1671';
-import Test1683 from './src/Test1683';
-import Test1726 from './src/Test1726';
-import Test1791 from './src/Test1791';
-import Test1802 from './src/Test1802';
-import Test1829 from './src/Test1829';
-import Test1844 from './src/Test1844';
-import Test1864 from './src/Test1864';
-import Test1970 from './src/Test1970';
-import Test1981 from './src/Test1981';
-import Test2008 from './src/Test2008';
-import Test2048 from './src/Test2048';
-import Test2069 from './src/Test2069';
-import Test2118 from './src/Test2118';
-
-enableFreeze(true);
-
-export default function App() {
-  return <Test42 />;
-}
+export default App;
diff --git a/TestsExample/assets/backButton.png b/TestsExample/assets/backButton.png
deleted file mode 100644
index d05671e989..0000000000
Binary files a/TestsExample/assets/backButton.png and /dev/null differ
diff --git a/TestsExample/assets/search_black.png b/TestsExample/assets/search_black.png
deleted file mode 100644
index aa8a2c4a98..0000000000
Binary files a/TestsExample/assets/search_black.png and /dev/null differ
diff --git a/TestsExample/assets/search_white.png b/TestsExample/assets/search_white.png
deleted file mode 100644
index 7b9fb7eaab..0000000000
Binary files a/TestsExample/assets/search_white.png and /dev/null differ
diff --git a/TestsExample/src/Test1017.tsx b/TestsExample/src/Test1017.tsx
deleted file mode 100644
index 486aac64dc..0000000000
--- a/TestsExample/src/Test1017.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-import { NavigationContainer, RouteProp } from '@react-navigation/native';
-import {
-  createStackNavigator,
-  StackNavigationProp,
-  TransitionPresets,
-} from '@react-navigation/stack';
-import React from 'react';
-import { Alert, LogBox } from 'react-native';
-import { StyleSheet, Text, View, FlatList, Pressable } from 'react-native';
-import { ScrollView } from 'react-native-gesture-handler';
-
-import {
-  Header,
-  Colors,
-  DebugInstructions,
-} from 'react-native/Libraries/NewAppScreen';
-
-type DataItem = {
-  title: string;
-  value: number;
-};
-
-enum Route {
-  FirstScreen = 'FirstScreen',
-  SecondScreen = 'SecondScreen',
-}
-
-type RootStackParamList = {
-  [Route.FirstScreen]: undefined;
-  [Route.SecondScreen]: undefined;
-};
-
-LogBox.ignoreLogs([
-  'VirtualizedLists should never be nested inside plain ScrollViews',
-]);
-
-const Stack = createStackNavigator();
-
-const dataset = Array.from<unknown, DataItem>({ length: 100 }, (_, i) => ({
-  title: `Title ${i}`,
-  value: i,
-}));
-
-const Screen: React.FC<{
-  route: RouteProp<RootStackParamList, any>;
-  navigation: StackNavigationProp<RootStackParamList, any>;
-}> = ({ route, navigation }) => {
-  for (let i = 0; i < 10 ** 3; i++) {}
-  const isSecondScreen = route.name === Route.SecondScreen;
-
-  const handleItemPress = (item: DataItem) => () => {
-    if (isSecondScreen) {
-      Alert.alert(item.title, item.value.toString());
-      return;
-    }
-    navigation.navigate(Route.SecondScreen);
-  };
-
-  const renderItem = (item: DataItem) => (
-    <Pressable
-      android_ripple={{ color: Colors.light }}
-      style={styles.listItemContainer}
-      onPress={handleItemPress(item)}>
-      <View style={styles.listItemContentWrapper}>
-        <Text style={styles.listItemTitle}>{item.title}</Text>
-        <Text>{`This is item number ${item.value}`}</Text>
-      </View>
-    </Pressable>
-  );
-
-  return (
-    // So in a much more complex scenario, we might have a ScrollView that contains multiple horizontal list
-    // I know it's bad to have a FlatList nested in ScrollView, ideally I should use something better
-    // However, it seems like having a nested VirtualizeList in ScrollView will cause the transition lag issue
-    <ScrollView>
-      <FlatList
-        data={dataset}
-        keyExtractor={item => item.value.toString()}
-        renderItem={({ item }) => renderItem(item)}
-        ItemSeparatorComponent={() => <View style={styles.separator} />}
-        ListHeaderComponent={!isSecondScreen && Header}
-        ListHeaderComponentStyle={styles.headerWrapper}
-        ListFooterComponent={!isSecondScreen && DebugInstructions}
-        ListFooterComponentStyle={styles.footerWrapper}
-        scrollEnabled={false}
-      />
-    </ScrollView>
-  );
-};
-
-const App: React.FC = () => {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{ ...TransitionPresets.SlideFromRightIOS }}>
-        <Stack.Screen
-          name={Route.FirstScreen}
-          component={Screen}
-          options={{ title: 'Sample List' }}
-        />
-        <Stack.Screen
-          name={Route.SecondScreen}
-          component={Screen}
-          options={{ title: 'Sample List 2' }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-const styles = StyleSheet.create({
-  headerWrapper: {
-    overflow: 'hidden',
-  },
-  footerWrapper: {
-    paddingVertical: 50 / 3,
-    paddingHorizontal: 40 / 3,
-  },
-  listItemContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 50 / 3,
-    paddingVertical: 40 / 3,
-  },
-  image: {
-    width: 200 / 3,
-    aspectRatio: 1,
-    borderRadius: 25 / 3,
-    backgroundColor: Colors.primary,
-  },
-  listItemContentWrapper: {
-    flexDirection: 'column',
-    paddingHorizontal: 30 / 3,
-  },
-  listItemTitle: {
-    fontWeight: 'bold',
-    fontSize: 50 / 3,
-  },
-  separator: {
-    height: 1 / 3,
-    flex: 1,
-    marginHorizontal: 50 / 3,
-    backgroundColor: '#000',
-  },
-});
-
-export default App;
diff --git a/TestsExample/src/Test1031.tsx b/TestsExample/src/Test1031.tsx
deleted file mode 100644
index f66a2a0df5..0000000000
--- a/TestsExample/src/Test1031.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { Button } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { useHeaderHeight } from '@react-navigation/elements';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{ presentation: 'formSheet', headerShown: false }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  console.log(useHeaderHeight());
-  return (
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  console.log(useHeaderHeight());
-  return (
-    <Button
-      title="Tap me for first screen"
-      onPress={() => navigation.navigate('First')}
-    />
-  );
-}
diff --git a/TestsExample/src/Test1036.tsx b/TestsExample/src/Test1036.tsx
deleted file mode 100644
index 738bbeaa72..0000000000
--- a/TestsExample/src/Test1036.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-const Screen = () => {
-  return null;
-};
-
-const App = () => {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        initialRouteName="Screen"
-        screenOptions={{
-          headerTitle: 'Title',
-          headerSearchBarOptions: {
-            onCancelButtonPress: () => {
-              console.log('cancel button press');
-            },
-          },
-        }}>
-        <Stack.Screen name="Screen" component={Screen} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-export default App;
diff --git a/TestsExample/src/Test1084.tsx b/TestsExample/src/Test1084.tsx
deleted file mode 100644
index 0bb4acefb0..0000000000
--- a/TestsExample/src/Test1084.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{ animationMatchesGesture: true, animation: 'fade' }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'red' }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'yellow' }}>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.goBack()}
-      />
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1091.tsx b/TestsExample/src/Test1091.tsx
deleted file mode 100644
index 021a0026b4..0000000000
--- a/TestsExample/src/Test1091.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import { Button, View, Text } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-
-import {
-  createNativeStackNavigator,
-  NativeStackScreenProps,
-} from '@react-navigation/native-stack';
-
-type StackParams = {
-  Screen: undefined;
-  Screen2: undefined;
-};
-
-const Stack = createNativeStackNavigator<StackParams>();
-
-const Screen2 = () => (
-  <View style={{ paddingTop: 200 }}>
-    <Text>
-      Swipe gesture doesn't work on iOS 12 in @react-navigation/native-stack
-    </Text>
-  </View>
-);
-
-const Screen = ({ navigation }: NativeStackScreenProps<StackParams>) => (
-  <View style={{ paddingTop: 200 }}>
-    <Button
-      title="Go to Screen2"
-      onPress={() => navigation.navigate('Screen2')}
-    />
-  </View>
-);
-
-const App = () => (
-  <NavigationContainer>
-    <Stack.Navigator
-      initialRouteName="Screen"
-      screenOptions={
-        {
-          // headerShown: false,
-          // gestureEnabled: false,
-          // direction: 'rtl',
-          // animation: 'simple_push',
-        }
-      }>
-      <Stack.Screen name="Screen" component={Screen} />
-      <Stack.Screen name="Screen2" component={Screen2} />
-    </Stack.Navigator>
-  </NavigationContainer>
-);
-
-export default App;
diff --git a/TestsExample/src/Test111.js b/TestsExample/src/Test111.js
deleted file mode 100644
index 0ed234036b..0000000000
--- a/TestsExample/src/Test111.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import React from 'react';
-import { View, Text, Button } from 'react-native';
-
-import { NavigationContainer, useNavigation } from '@react-navigation/native';
-import {
-  createStackNavigator,
-  TransitionPresets,
-} from '@react-navigation/stack';
-
-const Screen2 = () => {
-  const navigation = useNavigation();
-
-  return (
-    <View
-      style={{
-        backgroundColor: '#08141B',
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}>
-      <Button title="Go back" onPress={() => navigation.goBack()}>
-        <Text>to screen 2</Text>
-      </Button>
-    </View>
-  );
-};
-
-const Screen1 = () => {
-  const navigation = useNavigation();
-
-  return (
-    <View
-      style={{
-        backgroundColor: 'red',
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}>
-      <Button
-        title="Go to Screen 2"
-        onPress={() => navigation.navigate('Screen2')}
-      />
-    </View>
-  );
-};
-
-const Stack = createStackNavigator();
-
-const App = () => {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        // mode="modal"
-        screenOptions={{
-          headerShown: false,
-          gestureEnabled: true,
-          ...TransitionPresets.ModalSlideFromBottomIOS,
-        }}>
-        <Stack.Screen name="Screen1" component={Screen1} />
-        <Stack.Screen name="Screen2" component={Screen2} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-export default App;
diff --git a/TestsExample/src/Test1153.tsx b/TestsExample/src/Test1153.tsx
deleted file mode 100644
index bcf7022574..0000000000
--- a/TestsExample/src/Test1153.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { SafeAreaView } from 'react-native-safe-area-context';
-import { ScrollView } from 'react-native-gesture-handler';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <View style={{ flex: 1 }}>
-      <NavigationContainer>
-        <Stack.Navigator screenOptions={{ gestureEnabled: true }}>
-          <Stack.Screen
-            name="First"
-            component={First}
-            options={{
-              gestureEnabled: true,
-              headerTransparent: true,
-              headerSearchBarOptions: {
-                placeholder: 'Interesting places...',
-                obscureBackground: false,
-                hideWhenScrolling: false,
-              },
-            }}
-          />
-          <Stack.Screen
-            name="Second"
-            component={Second}
-            options={{
-              headerShown: false,
-            }}
-          />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </View>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <ScrollView
-      style={{
-        backgroundColor: '#000',
-        flex: 1,
-      }}
-      contentInsetAdjustmentBehavior="automatic">
-      <SafeAreaView>
-        <Button
-          title="Tap me for second screen"
-          onPress={() => {
-            navigation.push('Second');
-          }}
-        />
-      </SafeAreaView>
-    </ScrollView>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View
-      style={{ backgroundColor: '#777', flex: 1, justifyContent: 'center' }}>
-      <Button
-        title="Tap me to go back"
-        onPress={() => {
-          navigation.pop();
-        }}
-      />
-      <Button
-        title="Open this screen again"
-        onPress={() => navigation.push('Second')}
-      />
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1157.tsx b/TestsExample/src/Test1157.tsx
deleted file mode 100644
index c195487d10..0000000000
--- a/TestsExample/src/Test1157.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-/* eslint-disable react/no-unstable-nested-components */
-/* eslint-disable react-native/no-inline-styles */
-import * as React from 'react';
-import { Button, View, TouchableOpacity } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'red' }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'yellow' }}>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.goBack()}
-      />
-    </View>
-  );
-}
-
-const Stack = createNativeStackNavigator();
-
-function ButtonWithBiggerChild(props: {
-  tintColor?: string | undefined;
-  onClickText?: string | undefined;
-  backgroundColor?: string | undefined;
-}): JSX.Element {
-  const {
-    onClickText = 'Hello there General Kenobi',
-    backgroundColor = 'red',
-  } = props;
-  return (
-    <TouchableOpacity
-      style={{ width: 30, height: 30, backgroundColor: 'red' }}
-      onPress={() => console.log(onClickText)}>
-      <View
-        style={{
-          width: 30,
-          height: 30,
-          backgroundColor: backgroundColor,
-          marginLeft: -15,
-        }}
-      />
-    </TouchableOpacity>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ presentation: 'modal' }}>
-        <Stack.Screen
-          name="First"
-          component={First}
-          options={{
-            headerShown: true,
-            headerLeft: () => (
-              <ButtonWithBiggerChild
-                onClickText={'Hello'}
-                backgroundColor={'yellow'}
-              />
-            ),
-            headerRight: () => (
-              <TouchableOpacity
-                onPress={() => console.log('there')}
-                style={{
-                  width: 30,
-                  height: 30,
-                  backgroundColor: 'red',
-                  marginRight: -15,
-                }}
-              />
-            ),
-          }}
-        />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{
-            headerLeft: () => (
-              <TouchableOpacity
-                onPress={() => console.log('General Kenobi')}
-                style={{
-                  width: 50,
-                  height: 50,
-                  backgroundColor: 'red',
-                  marginLeft: -15,
-                }}
-              />
-            ),
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
diff --git a/TestsExample/src/Test1166/AndroidDifferentScreenSearch.tsx b/TestsExample/src/Test1166/AndroidDifferentScreenSearch.tsx
deleted file mode 100644
index 8d5de75e6e..0000000000
--- a/TestsExample/src/Test1166/AndroidDifferentScreenSearch.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import * as React from 'react';
-import { Button, Image, Text, TouchableOpacity, View } from 'react-native';
-import { ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <Stack.Navigator screenOptions={{ animation: 'none' }}>
-      <Stack.Screen name="First" component={First} />
-      <Stack.Screen name="Search" component={Second} options={{ title: '' }} />
-    </Stack.Navigator>
-  );
-}
-
-function SearchIconButton(props: { onPress: () => void }) {
-  return (
-    <TouchableOpacity onPress={props.onPress}>
-      <Image source={require('../../assets/search_black.png')} />
-    </TouchableOpacity>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  React.useLayoutEffect(() => {
-    function HeaderSearchButton() {
-      return <SearchIconButton onPress={() => navigation.navigate('Search')} />;
-    }
-    navigation.setOptions({
-      title: 'Home',
-      headerRight: HeaderSearchButton,
-      animation: 'none',
-    });
-  }, [navigation]);
-  return (
-    <View style={{ flex: 1, backgroundColor: '#FFF' }}>
-      <Button title="Go back" onPress={() => navigation.goBack()} />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [text, setText] = React.useState('');
-
-  React.useLayoutEffect(() => {
-    navigation.setOptions({
-      title: '',
-      headerSearchBarOptions: {
-        autoCapitalize: 'none',
-        autoFocus: true,
-        onClose: () => navigation.navigate('First'),
-        onChangeText: e => setText(e.nativeEvent.text),
-        barTintColor: text,
-      },
-      animation: 'none',
-    });
-  }, [navigation, text]);
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#FFF', padding: 12 }}>
-      <Text style={{ fontSize: 24, fontWeight: '600', marginBottom: 12 }}>
-        Search Results
-      </Text>
-      <Text>{text}</Text>
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1166/AndroidSearchBarCustomization.tsx b/TestsExample/src/Test1166/AndroidSearchBarCustomization.tsx
deleted file mode 100644
index 457699be76..0000000000
--- a/TestsExample/src/Test1166/AndroidSearchBarCustomization.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen
-        name="First"
-        component={First}
-        options={{
-          headerSearchBarOptions: {
-            autoCapitalize: 'sentences',
-            textColor: '#FF00FF',
-            barTintColor: '#00FF00',
-            placeholder: 'Test...',
-          },
-        }}
-      />
-    </Stack.Navigator>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: '#FFF' }}>
-      <Button title="Go back" onPress={() => navigation.goBack()} />
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1166/AndroidSearchBarEvents.tsx b/TestsExample/src/Test1166/AndroidSearchBarEvents.tsx
deleted file mode 100644
index bcaad46a2f..0000000000
--- a/TestsExample/src/Test1166/AndroidSearchBarEvents.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { Button, Text, View } from 'react-native';
-import { ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen name="First" component={First} />
-    </Stack.Navigator>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [events, setEvents] = React.useState<string[]>([]);
-  React.useLayoutEffect(() => {
-    const searchBar = {
-      onSearchButtonPress: () => setEvents(prev => [...prev, 'Search']),
-      onBlur: () => setEvents(prev => [...prev, 'Blur']),
-      onClose: () => setEvents(prev => [...prev, 'Close']),
-      onOpen: () => setEvents(prev => [...prev, 'Open']),
-      onFocus: () => setEvents(prev => [...prev, 'Focus']),
-    };
-    navigation.setOptions({
-      headerSearchBarOptions: searchBar,
-    });
-  }, [navigation]);
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#FFF', padding: 12 }}>
-      <Button title="Go back" onPress={() => navigation.goBack()} />
-      {events.map((event, i) => (
-        <Text key={i}>{event}</Text>
-      ))}
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1166/AndroidSearchTypes.tsx b/TestsExample/src/Test1166/AndroidSearchTypes.tsx
deleted file mode 100644
index 5eb21aa6b8..0000000000
--- a/TestsExample/src/Test1166/AndroidSearchTypes.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <Stack.Navigator screenOptions={{ animation: 'none' }}>
-      <Stack.Screen name="First" component={First} />
-      <Stack.Screen
-        name="number"
-        component={Second}
-        options={{
-          headerSearchBarOptions: { autoFocus: true, inputType: 'number' },
-        }}
-      />
-      <Stack.Screen
-        name="email"
-        component={Second}
-        options={{
-          headerSearchBarOptions: { autoFocus: true, inputType: 'email' },
-        }}
-      />
-      <Stack.Screen
-        name="phone"
-        component={Second}
-        options={{
-          headerSearchBarOptions: { autoFocus: true, inputType: 'phone' },
-        }}
-      />
-    </Stack.Navigator>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  React.useLayoutEffect(() => {
-    function HeaderSearchButtons() {
-      return (
-        <View style={{ flexDirection: 'row' }}>
-          <Button title="N" onPress={() => navigation.navigate('number')} />
-          <Button title="E" onPress={() => navigation.navigate('email')} />
-          <Button title="P" onPress={() => navigation.navigate('phone')} />
-        </View>
-      );
-    }
-    navigation.setOptions({
-      title: 'Home',
-      headerRight: HeaderSearchButtons,
-      animation: 'none',
-    });
-  }, [navigation]);
-  return (
-    <View style={{ flex: 1, backgroundColor: '#FFF', padding: 12 }}>
-      <Button title="Number" onPress={() => navigation.navigate('number')} />
-      <Button title="Email" onPress={() => navigation.navigate('email')} />
-      <Button title="Phone" onPress={() => navigation.navigate('phone')} />
-      <Button title="Go back" onPress={() => navigation.goBack()} />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: '#FFF', padding: 12 }}>
-      <Button title="Go back" onPress={() => navigation.goBack()} />
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1166/index.tsx b/TestsExample/src/Test1166/index.tsx
deleted file mode 100644
index ae5538eb06..0000000000
--- a/TestsExample/src/Test1166/index.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import AndroidDifferentScreenSearch from './AndroidDifferentScreenSearch';
-import AndroidSearchBarCustomization from './AndroidSearchBarCustomization';
-import AndroidSearchTypes from './AndroidSearchTypes';
-import AndroidSearchBarEvents from './AndroidSearchBarEvents';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ headerShown: false }}>
-        <Stack.Screen name="Home" component={Home} />
-        <Stack.Screen
-          name="Customization"
-          component={AndroidSearchBarCustomization}
-        />
-        <Stack.Screen name="InputTypes" component={AndroidSearchTypes} />
-        <Stack.Screen name="Events" component={AndroidSearchBarEvents} />
-        <Stack.Screen
-          name="DifferentSearchScreen"
-          component={AndroidDifferentScreenSearch}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function Home({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: '#FFF',
-        justifyContent: 'center',
-        padding: 12,
-      }}>
-      <View style={{ marginBottom: 12 }}>
-        <Button
-          title="Search bar customization"
-          onPress={() => navigation.navigate('Customization')}
-        />
-      </View>
-      <View style={{ marginBottom: 12 }}>
-        <Button
-          title="Search bar input types"
-          onPress={() => navigation.navigate('InputTypes')}
-        />
-      </View>
-      <View style={{ marginBottom: 12 }}>
-        <Button
-          title="Search bar events"
-          onPress={() => navigation.navigate('Events')}
-        />
-      </View>
-      <View style={{ marginBottom: 12 }}>
-        <Button
-          title="Search bar different search results screen"
-          onPress={() => navigation.navigate('DifferentSearchScreen')}
-        />
-      </View>
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1188.tsx b/TestsExample/src/Test1188.tsx
deleted file mode 100644
index 0fa99680ec..0000000000
--- a/TestsExample/src/Test1188.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-const NestedStack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ headerShown: false }}>
-        <Stack.Screen name="Home" component={Home} />
-        <Stack.Screen name="Nested" component={Nested} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function Home({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, justifyContent: 'center' }}>
-      <Button
-        title="Go to nested stack"
-        onPress={() => navigation.navigate('Nested')}
-      />
-    </View>
-  );
-}
-
-const Nested = () => (
-  <NestedStack.Navigator>
-    <NestedStack.Screen name="First" component={First} />
-  </NestedStack.Navigator>
-);
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  // using useLayoutEffect fixes the crash
-  // React.useLayoutEffect(() => {
-  React.useEffect(() => {
-    navigation.setOptions({
-      headerSearchBarOptions: {},
-    });
-  }, [navigation]);
-
-  return <View />;
-}
diff --git a/TestsExample/src/Test1190.tsx b/TestsExample/src/Test1190.tsx
deleted file mode 100644
index 7b46752a08..0000000000
--- a/TestsExample/src/Test1190.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import * as React from 'react';
-import { Button } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen
-          name="First"
-          component={First}
-          options={{ animation: 'none' }}
-        />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{
-            animation: 'slide_from_bottom',
-            animationTypeForReplace: 'push',
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }: Props) {
-  return (
-    <>
-      <Button
-        title="Tap me for push second screen"
-        onPress={() => navigation.push('Second')}
-      />
-      <Button
-        title="Tap me for replace with second screen"
-        onPress={() => navigation.replace('Second')}
-      />
-      <Button title="Tap me for go back" onPress={() => navigation.goBack()} />
-    </>
-  );
-}
-
-function Second({ navigation }: Props) {
-  return (
-    <>
-      <Button
-        title="Tap me for push first screen"
-        onPress={() => navigation.push('First')}
-      />
-      <Button
-        title="Tap me for replace with first screen"
-        onPress={() => navigation.replace('First')}
-      />
-      <Button title="Tap me for go back" onPress={() => navigation.goBack()} />
-    </>
-  );
-}
diff --git a/TestsExample/src/Test1198.tsx b/TestsExample/src/Test1198.tsx
deleted file mode 100644
index 33ed867c6c..0000000000
--- a/TestsExample/src/Test1198.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React, { useEffect } from 'react';
-import { NavigationContainer, useIsFocused } from '@react-navigation/native';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { Text, View } from 'react-native';
-
-const BottomTabs = createBottomTabNavigator();
-
-function Home() {
-  return (
-    <View
-      style={{
-        backgroundColor: 'lightgrey',
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>Home</Text>
-    </View>
-  );
-}
-
-function Settings() {
-  const isFocused = useIsFocused();
-  const fetch = () => console.log('refetching data!');
-
-  useEffect(() => {
-    if (isFocused) {
-      fetch();
-    }
-  }, [isFocused]);
-
-  console.log({ isFocused });
-
-  return (
-    <View
-      style={{
-        backgroundColor: 'wheat',
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>Settings</Text>
-    </View>
-  );
-}
-
-const App = () => (
-  <NavigationContainer>
-    <BottomTabs.Navigator>
-      <BottomTabs.Screen name="Home" component={Home} />
-      <BottomTabs.Screen name="Settings" component={Settings} />
-    </BottomTabs.Navigator>
-  </NavigationContainer>
-);
-
-export default App;
diff --git a/TestsExample/src/Test1204.tsx b/TestsExample/src/Test1204.tsx
deleted file mode 100644
index bc4dd554c0..0000000000
--- a/TestsExample/src/Test1204.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import * as React from 'react';
-import { Button, Text, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="Main" component={Main} />
-        <Stack.Screen name="Second" component={NoA11yOnAndroid} />
-        <Stack.Screen
-          name="TransparentModal"
-          component={Details}
-          options={{
-            presentation: 'transparentModal',
-            headerShown: false,
-          }}
-        />
-        <Stack.Screen
-          name="ContainedTransparentModal"
-          component={Details}
-          options={{
-            presentation: 'containedTransparentModal',
-            headerShown: false,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function Main({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, justifyContent: 'center' }}>
-      <Text>Example text that could be read out by TalkBack</Text>
-      <Button
-        title="Open transparent modal"
-        onPress={() => navigation.navigate('TransparentModal')}
-      />
-      <Button
-        title="Open contained transparent modal"
-        onPress={() => navigation.navigate('ContainedTransparentModal')}
-      />
-    </View>
-  );
-}
-
-function Details({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        backgroundColor: '#0005',
-      }}>
-      <View
-        style={{
-          padding: 20,
-          margin: 20,
-          borderWidth: 1,
-          borderColor: 'grey',
-          justifyContent: 'space-around',
-          backgroundColor: 'white',
-        }}>
-        <Text style={{ padding: 15 }}>
-          Buttons beneath the modal shouldn&apos;t be picked up by Android
-          TalkBack
-        </Text>
-        <Button
-          title="Go to second"
-          onPress={() => navigation.navigate('Second')}
-        />
-        <Button title="Go back" onPress={() => navigation.goBack()} />
-      </View>
-    </View>
-  );
-}
-
-function NoA11yOnAndroid({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-      }}>
-      <View importantForAccessibility="no-hide-descendants">
-        <Text>This text shouldn&apos;t be accessible</Text>
-        <Button title="Go back" onPress={() => navigation.goBack()} />
-      </View>
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1213.tsx b/TestsExample/src/Test1213.tsx
deleted file mode 100644
index a0df651a74..0000000000
--- a/TestsExample/src/Test1213.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React, { useEffect } from 'react';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { Text } from 'react-native';
-
-const Stack = createNativeStackNavigator();
-const NStack = createNativeStackNavigator();
-
-const NStackNavigator = (): JSX.Element => {
-  return (
-    <NStack.Navigator>
-      <NStack.Screen name="Main" component={MainScreen} />
-    </NStack.Navigator>
-  );
-};
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const MainScreen = ({ navigation }: Props): JSX.Element => {
-  useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionStart', () => {
-      console.log('1');
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', () => {
-      console.log('2');
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  return (
-    <>
-      <Text>Android</Text>
-      <Text>
-        Reload app a few times in terminal to see events fire more than once
-      </Text>
-    </>
-  );
-};
-
-const App = (): JSX.Element => (
-  <NavigationContainer>
-    <Stack.Navigator>
-      <Stack.Screen name="Main" component={NStackNavigator} />
-    </Stack.Navigator>
-  </NavigationContainer>
-);
-
-export default App;
diff --git a/TestsExample/src/Test1227.tsx b/TestsExample/src/Test1227.tsx
deleted file mode 100644
index 2723edcd8a..0000000000
--- a/TestsExample/src/Test1227.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{ animation: 'slide_from_bottom' }}
-        />
-        <Stack.Screen
-          name="Third"
-          component={Third}
-          options={{ animation: 'fade_from_bottom' }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'red' }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'yellow' }}>
-      <Button
-        title="Tap me for third screen"
-        onPress={() => navigation.navigate('Third')}
-      />
-    </View>
-  );
-}
-
-function Third({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={{ flex: 1, backgroundColor: 'blue' }}>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test1228.tsx b/TestsExample/src/Test1228.tsx
deleted file mode 100644
index f2dcf6343f..0000000000
--- a/TestsExample/src/Test1228.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Text, View, StyleSheet, Button } from 'react-native';
-import {
-  useNavigation,
-  NavigationContainer,
-  DefaultTheme,
-  DarkTheme,
-} from '@react-navigation/native';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-export const FirstScreen = () => {
-  const [theme, setTheme] = useState(false);
-  const navigation = useNavigation<any>();
-
-  useEffect(() => {
-    navigation.setOptions({
-      headerTitle: theme ? 'red' : 'green',
-    });
-  });
-
-  return (
-    <View style={style.container}>
-      <Text>Screen 1</Text>
-      <Button title="set theme" onPress={() => setTheme(!theme)} />
-      <Button title="open" onPress={() => navigation.navigate('screen2')} />
-    </View>
-  );
-};
-
-export const SecondScreen = () => {
-  const [theme, setTheme] = useState(false);
-  const navigation = useNavigation<any>();
-
-  useEffect(() => {
-    navigation.setOptions({
-      headerTitle: theme ? 'red' : 'green',
-    });
-  });
-
-  return (
-    <View style={style.container}>
-      <Text>Screen 2</Text>
-      <Button title="set theme" onPress={() => setTheme(!theme)} />
-      <Button title="close" onPress={() => navigation.goBack()} />
-    </View>
-  );
-};
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  const [theme, setTheme] = useState(false);
-
-  setTimeout(() => setTheme(!theme), 5000);
-
-  return (
-    <SafeAreaProvider>
-      <NavigationContainer theme={theme ? DarkTheme : DefaultTheme}>
-        <Stack.Navigator screenOptions={{ presentation: 'modal' }}>
-          <Stack.Screen name="screen1" component={FirstScreen} />
-          <Stack.Screen
-            name="screen2"
-            component={SecondScreen}
-            options={{ headerShown: false }}
-          />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </SafeAreaProvider>
-  );
-}
-
-const style = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
diff --git a/TestsExample/src/Test1259.tsx b/TestsExample/src/Test1259.tsx
deleted file mode 100644
index 1bf013624a..0000000000
--- a/TestsExample/src/Test1259.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import * as React from 'react';
-import { Button } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          animationDuration: 2000,
-          animation: 'slide_from_bottom',
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.navigate('First')}
-    />
-  );
-}
diff --git a/TestsExample/src/Test1296.tsx b/TestsExample/src/Test1296.tsx
deleted file mode 100644
index 75846053be..0000000000
--- a/TestsExample/src/Test1296.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import React, { useLayoutEffect, useState } from 'react';
-import { Dimensions, Image, StyleSheet, Text, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import { useHeaderHeight } from '@react-navigation/elements';
-import {
-  GestureHandlerRootView,
-  ScrollView,
-  State,
-  TapGestureHandler,
-} from 'react-native-gesture-handler';
-
-const Stack = createNativeStackNavigator();
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <ScrollView>
-      <Post onPress={() => navigation.navigate('Second')} />
-      <Post onPress={() => navigation.navigate('Second')} />
-      <Post onPress={() => navigation.navigate('Second')} />
-    </ScrollView>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const headerHeight = useHeaderHeight();
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      gestureResponseDistance: {
-        start: 200,
-        end: 250,
-        top: headerHeight,
-        bottom: headerHeight + 50,
-      },
-    });
-  });
-  return (
-    <ScrollView>
-      <Text style={styles.subTitle}>
-        Use swipe back gesture to go back (iOS only)
-      </Text>
-      <Post />
-      <View
-        style={{
-          position: 'absolute',
-          backgroundColor: 'red',
-          width: 50,
-          height: 50,
-          left: 200,
-          top: 0,
-        }}
-      />
-    </ScrollView>
-  );
-}
-
-export default function App() {
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <NavigationContainer>
-        <Stack.Navigator
-          screenOptions={{
-            fullScreenGestureEnabled: true,
-            animationMatchesGesture: true,
-          }}>
-          <Stack.Screen name="First" component={First} />
-          <Stack.Screen name="Second" component={Second} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </GestureHandlerRootView>
-  );
-}
-
-// components
-
-function Post({ onPress }: { onPress?: () => void }) {
-  const [width] = useState(Math.round(Dimensions.get('screen').width));
-
-  return (
-    <TapGestureHandler
-      onHandlerStateChange={e =>
-        e.nativeEvent.oldState === State.ACTIVE && onPress?.()
-      }>
-      <View style={styles.post}>
-        <Text style={styles.title}>Post</Text>
-        <ScrollView horizontal>{generatePhotos(4, width, 400)}</ScrollView>
-        <Text style={styles.caption}>Scroll right for more photos</Text>
-      </View>
-    </TapGestureHandler>
-  );
-}
-
-// helpers
-function generatePhotos(
-  amount: number,
-  width: number,
-  height: number,
-): JSX.Element[] {
-  const startFrom = Math.floor(Math.random() * 20) + 10;
-  return Array.from({ length: amount }, (_, index) => {
-    const uri = `https://picsum.photos/id/${
-      startFrom + index
-    }/${width}/${height}`;
-    return <Image style={{ width, height }} key={uri} source={{ uri }} />;
-  });
-}
-
-const styles = StyleSheet.create({
-  title: {
-    fontWeight: 'bold',
-    fontSize: 32,
-    marginBottom: 8,
-    marginLeft: 8,
-  },
-  subTitle: {
-    fontSize: 18,
-    marginVertical: 16,
-    textAlign: 'center',
-  },
-  caption: {
-    textAlign: 'center',
-    marginTop: 4,
-  },
-  post: {
-    borderColor: '#ccc',
-    borderTopWidth: 1,
-    borderBottomWidth: 1,
-    paddingVertical: 10,
-    marginBottom: 16,
-    backgroundColor: 'white',
-  },
-});
diff --git a/TestsExample/src/Test1299.tsx b/TestsExample/src/Test1299.tsx
deleted file mode 100644
index 905627bc89..0000000000
--- a/TestsExample/src/Test1299.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import * as React from 'react';
-import { View, StyleSheet, Button } from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { NavigationContainer, useNavigation } from '@react-navigation/native';
-
-export const Modal1 = React.memo(() => {
-  return <View style={{ flexGrow: 1, backgroundColor: 'red', opacity: 0.7 }} />;
-});
-
-export const Modal2 = React.memo(() => {
-  return (
-    <View style={{ flexGrow: 1, backgroundColor: 'blue', opacity: 0.7 }} />
-  );
-});
-export const MainScreen = React.memo(() => {
-  const navigation = useNavigation();
-  return (
-    <View
-      style={{ flexGrow: 1, justifyContent: 'center', alignItems: 'center' }}>
-      <Button
-        title={'Open modal 1'}
-        onPress={() => {
-          navigation.navigate('modalScreen-1');
-        }}
-      />
-      <Button
-        title={'Open modal 2'}
-        onPress={() => {
-          navigation.navigate('modalScreen-2');
-        }}
-      />
-    </View>
-  );
-});
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <View style={styles.container}>
-      <NavigationContainer>
-        <Stack.Navigator>
-          <Stack.Screen key={'main'} name={'main'} component={MainScreen} />
-          <Stack.Screen
-            key={'modalScreen-1'}
-            name={'modalScreen-1'}
-            component={Modal1}
-            options={{ presentation: 'modal', headerShown: false }}
-          />
-          <Stack.Screen
-            key={'modalScreen-2'}
-            name={'modalScreen-2'}
-            component={Modal2}
-            options={{ presentation: 'modal', headerShown: false }}
-          />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    backgroundColor: '#ecf0f1',
-  },
-});
diff --git a/TestsExample/src/Test1419.tsx b/TestsExample/src/Test1419.tsx
deleted file mode 100644
index 000ac998a3..0000000000
--- a/TestsExample/src/Test1419.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-import {
-  View,
-  Text,
-  Button,
-  KeyboardAvoidingView,
-  Platform,
-  TouchableWithoutFeedback,
-  Keyboard,
-  Image,
-  TextInput,
-} from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View
-      style={{
-        flex: 1,
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>First screen</Text>
-      <Button
-        title={'Navigate'}
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function Second() {
-  return (
-    <KeyboardAvoidingView
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-      style={{ flex: 1 }}>
-      <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
-        <View
-          style={{
-            flex: 1,
-            alignItems: 'center',
-            justifyContent: 'center',
-          }}>
-          <Image
-            source={require('../assets/backButton.png')}
-            style={{
-              width: 150,
-              height: 150,
-              marginBottom: 30,
-            }}
-          />
-          <TextInput
-            placeholder={'Input'}
-            style={{
-              width: 200,
-              height: 40,
-              paddingLeft: 15,
-              paddingRight: 15,
-              borderWidth: 1,
-              borderRadius: 5,
-              borderColor: '#cccccc',
-            }}
-          />
-        </View>
-      </TouchableWithoutFeedback>
-    </KeyboardAvoidingView>
-  );
-}
-
-const { Navigator, Screen } = createNativeStackNavigator();
-
-export default () => {
-  return (
-    <NavigationContainer>
-      <Navigator screenOptions={{ keyboardHandlingEnabled: true }}>
-        <Screen name={'First'} component={First} />
-        <Screen name={'Second'} component={Second} />
-      </Navigator>
-    </NavigationContainer>
-  );
-};
diff --git a/TestsExample/src/Test1473.tsx b/TestsExample/src/Test1473.tsx
deleted file mode 100644
index 1f22cc7418..0000000000
--- a/TestsExample/src/Test1473.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import React from 'react';
-import { StyleSheet, View, Text, Button } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-function First(props) {
-  return (
-    <View style={styles.container}>
-      <Text>This is the first screen</Text>
-      <Button
-        onPress={() => props.navigation.navigate('Second')}
-        title="Navigate to second screen"
-      />
-    </View>
-  );
-}
-
-function Second(props) {
-  return (
-    <View style={styles.container}>
-      <Text>This is the second screen</Text>
-      <Button
-        onPress={() => props.navigation.navigate('Modal')}
-        title="Open modal"
-      />
-    </View>
-  );
-}
-
-function Modal(props) {
-  return (
-    <View
-      style={{
-        ...styles.container,
-        backgroundColor: 'rgba(0, 170, 0, 0.5)',
-      }}>
-      <Text>This is the modal</Text>
-      <Button
-        onPress={() => props.navigation.goBack()}
-        title="Close the modal"
-      />
-    </View>
-  );
-}
-
-function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator initialRouteName="First">
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{
-            fullScreenGestureEnabled: true,
-          }}
-        />
-        <Stack.Screen
-          name="Modal"
-          component={Modal}
-          options={{
-            presentation: 'modal',
-            animation: 'slide_from_bottom',
-            gestureEnabled: true,
-            headerShown: false,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
-
-export default App;
diff --git a/TestsExample/src/Test1649.tsx b/TestsExample/src/Test1649.tsx
deleted file mode 100644
index 2a74361694..0000000000
--- a/TestsExample/src/Test1649.tsx
+++ /dev/null
@@ -1,216 +0,0 @@
-import * as React from 'react';
-import { Button, StyleSheet, View, Text, ScrollView } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-  NativeStackNavigationOptions,
-} from '@react-navigation/native-stack';
-import { SheetDetentTypes } from 'react-native-screens';
-
-const Stack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  const initialScreenOptions: NativeStackNavigationOptions = {
-    presentation: 'formSheet',
-    sheetAllowedDetents: 'all',
-    sheetLargestUndimmedDetent: 'medium',
-    sheetGrabberVisible: false,
-    sheetCornerRadius: -1,
-    sheetExpandsWhenScrolledToEdge: true,
-  };
-
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          // headerRight: () => <View style={styles.headerView} />,
-          headerTitleStyle: {
-            color: 'cyan',
-          },
-          headerShown: true,
-          headerBackVisible: false,
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{
-            fullScreenGestureEnabled: true,
-          }}
-        />
-        <Stack.Screen
-          name="SheetScreen"
-          component={SheetScreen}
-          options={{
-            ...initialScreenOptions,
-          }}
-        />
-        <Stack.Screen
-          name="SheetScreenWithScrollView"
-          component={SheetScreenWithScrollView}
-          options={{
-            ...initialScreenOptions,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <Button
-      title="Tap me for the second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <>
-      <Button
-        title="Open the sheet"
-        onPress={() => navigation.navigate('SheetScreen')}
-      />
-      <Button
-        title="Open the sheet with ScrollView"
-        onPress={() => navigation.navigate('SheetScreenWithScrollView')}
-      />
-    </>
-  );
-}
-
-function SheetScreen({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  const [radius, setRadius] = React.useState(-1);
-  const [detent, setDetent] = React.useState<SheetDetentTypes>('all');
-  const [largestUndimmedDetent, sheetLargestUndimmedDetent] =
-    React.useState<SheetDetentTypes>('all');
-  const [isGrabberVisible, setIsGrabberVisible] = React.useState(false);
-  // navigation
-  const [shouldExpand, setShouldExpand] = React.useState(true);
-
-  function nextDetentLevel(currDetent: SheetDetentTypes): SheetDetentTypes {
-    if (currDetent === 'all') {
-      return 'medium';
-    } else if (currDetent === 'medium') {
-      return 'large';
-    } else if (currDetent === 'large') {
-      return 'all';
-    } else {
-      console.warn('Unhandled sheetDetent type');
-      return 'all';
-    }
-  }
-
-  return (
-    <View style={styles.centeredView}>
-      <Button
-        title="Tap me for the first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-      <Button
-        title="Tap me for the second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-      <Button
-        title="Change the corner radius"
-        onPress={() => {
-          const newRadius = radius >= 150 ? -1.0 : radius + 50;
-          setRadius(newRadius);
-          navigation.setOptions({
-            sheetCornerRadius: newRadius,
-          });
-        }}
-      />
-      <Text>radius: {radius}</Text>
-      <Button
-        title="Change detent level"
-        onPress={() => {
-          const newDetentLevel = nextDetentLevel(detent);
-          setDetent(newDetentLevel);
-          navigation.setOptions({
-            sheetAllowedDetents: newDetentLevel,
-          });
-        }}
-      />
-      <Text>detent: {detent}</Text>
-      <Button
-        title="Change largest undimmed detent"
-        onPress={() => {
-          const newDetentLevel = nextDetentLevel(largestUndimmedDetent);
-          sheetLargestUndimmedDetent(newDetentLevel);
-          navigation.setOptions({
-            sheetLargestUndimmedDetent: newDetentLevel,
-          });
-        }}
-      />
-      <Text>largestUndimmedDetent: {largestUndimmedDetent}</Text>
-      <Button
-        title="Toggle sheetExpandsWhenScrolledToEdge"
-        onPress={() => {
-          setShouldExpand(!shouldExpand);
-          navigation.setOptions({
-            sheetExpandsWhenScrolledToEdge: !shouldExpand,
-          });
-        }}
-      />
-      <Text>
-        sheetExpandsWhenScrolledToEdge: {shouldExpand ? 'true' : 'false'}
-      </Text>
-      <Button
-        title="Toggle grabber visibility"
-        onPress={() => {
-          setIsGrabberVisible(!isGrabberVisible);
-          navigation.setOptions({
-            sheetGrabberVisible: !isGrabberVisible,
-          });
-        }}
-      />
-    </View>
-  );
-}
-
-function SheetScreenWithScrollView({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <>
-      <View style={styles.centeredView}>
-        <ScrollView>
-          <SheetScreen navigation={navigation} />
-          {[...Array(40).keys()].map(val => (
-            <Text key={`${val}`}>Some component {val}</Text>
-          ))}
-        </ScrollView>
-      </View>
-    </>
-  );
-}
-
-const styles = StyleSheet.create({
-  headerView: {
-    height: 20,
-    width: 20,
-    backgroundColor: 'red',
-  },
-  centeredView: {
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
diff --git a/TestsExample/src/Test1671.tsx b/TestsExample/src/Test1671.tsx
deleted file mode 100644
index a0e0790bba..0000000000
--- a/TestsExample/src/Test1671.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { useHeaderHeight } from '@react-navigation/elements';
-import { NavigationContainer } from '@react-navigation/native';
-
-const App = () => {
-  const backgroundStyle = {
-    backgroundColor: '#fafffe', // isDarkMode ? Colors.darker : Colors.lighter,
-  };
-
-  return (
-    <View
-      style={[
-        backgroundStyle,
-        {
-          flex: 1,
-        },
-      ]}>
-      <View
-        style={{
-          flex: 1,
-          height: '100%',
-        }}>
-        <Navigation />
-      </View>
-    </View>
-  );
-};
-
-const List = () => {
-  const headerHeight = useHeaderHeight();
-
-  return (
-    <View style={{ flex: 1, backgroundColor: '#00fffa' }}>
-      <View
-        style={{
-          backgroundColor: '#fffa00',
-          position: 'absolute',
-          top: headerHeight,
-          width: 200,
-          height: 100,
-        }}
-      />
-    </View>
-  );
-};
-
-const Stack = createNativeStackNavigator();
-
-const Navigation = () => {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          fullScreenGestureEnabled: true,
-          animation: 'fade_from_bottom',
-          animationMatchesGesture: true,
-          // headerLargeTitle: true,
-          headerTransparent: true,
-        }}>
-        <Stack.Screen
-          name="Header"
-          component={List}
-          options={{ statusBarStyle: 'dark' }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-export default App;
diff --git a/TestsExample/src/Test1726.tsx b/TestsExample/src/Test1726.tsx
deleted file mode 100644
index fec7a888b8..0000000000
--- a/TestsExample/src/Test1726.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { NavigationContainer } from '@react-navigation/native';
-import React from 'react';
-import { Button, View } from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const RootStack = createNativeStackNavigator();
-
-const Screen1 = ({ navigation: { navigate } }) => (
-  <View style={{ flex: 1 }}>
-    <Button onPress={() => navigate('Screen2')} title="Screen 2" />
-  </View>
-);
-
-const Screen2 = ({ navigation: { navigate } }) => (
-  <View style={{ flex: 1 }}>
-    <Button onPress={() => navigate('Screen3')} title="Screen 3" />
-  </View>
-);
-
-const Screen3 = () => <View style={{ flex: 1 }} />;
-
-const App = () => {
-  return (
-    <NavigationContainer>
-      <RootStack.Navigator>
-        <RootStack.Screen component={Screen1} name="Screen1" />
-        <RootStack.Screen
-          component={Screen2}
-          name="Screen2"
-          options={{
-            headerBackTitle: 'Custom title',
-          }}
-        />
-        <RootStack.Screen
-          component={Screen3}
-          name="Screen3"
-          options={{
-            headerBackTitle: 'Small title',
-            headerBackTitleStyle: { fontSize: 8 },
-          }}
-        />
-      </RootStack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-export default App;
diff --git a/TestsExample/src/Test1829/index.tsx b/TestsExample/src/Test1829/index.tsx
deleted file mode 100644
index 8db68dd0db..0000000000
--- a/TestsExample/src/Test1829/index.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { NavigationContainer } from '@react-navigation/native';
-
-import Stacks from './navigation/Stacks';
-
-const App = () => (
-  <SafeAreaProvider>
-    <NavigationContainer>
-      <Stacks />
-    </NavigationContainer>
-  </SafeAreaProvider>
-);
-
-export default App;
diff --git a/TestsExample/src/Test1829/navigation/Stacks.tsx b/TestsExample/src/Test1829/navigation/Stacks.tsx
deleted file mode 100644
index 8dd2d8a7a4..0000000000
--- a/TestsExample/src/Test1829/navigation/Stacks.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-import HomeView from '../screens/HomeView';
-import ModalView from '../screens/ModalView';
-import BaseView from '../screens/InnerView';
-import InnerModal from '../screens/InnerModal';
-
-const RootStack = createNativeStackNavigator();
-const InnerStack = createNativeStackNavigator();
-
-const Inner = () => (
-  <InnerStack.Navigator>
-    <InnerStack.Screen name="base" component={BaseView} />
-    <InnerStack.Screen
-      name="inner-modal"
-      component={InnerModal}
-      options={{ presentation: 'modal' }}
-    />
-  </InnerStack.Navigator>
-);
-
-const Stacks = () => (
-  <RootStack.Navigator
-    screenOptions={{
-      headerShown: false,
-    }}>
-    <RootStack.Screen name="home" component={HomeView} />
-    <RootStack.Screen name="inner" component={Inner} />
-    <RootStack.Screen
-      name="modal"
-      component={ModalView}
-      options={{
-        presentation: 'modal',
-      }}
-    />
-    <RootStack.Screen
-      name="modal-2"
-      component={ModalView}
-      options={{
-        presentation: 'modal',
-      }}
-    />
-  </RootStack.Navigator>
-);
-
-export default Stacks;
diff --git a/TestsExample/src/Test1829/screens/CardView.tsx b/TestsExample/src/Test1829/screens/CardView.tsx
deleted file mode 100644
index 66f8310663..0000000000
--- a/TestsExample/src/Test1829/screens/CardView.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, View, Text, StyleSheet } from 'react-native';
-
-const CardView = () => {
-  return <View style={styles.container} />;
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'blue',
-  },
-});
-
-export default CardView;
diff --git a/TestsExample/src/Test1829/screens/HomeView.tsx b/TestsExample/src/Test1829/screens/HomeView.tsx
deleted file mode 100644
index 13225d6f34..0000000000
--- a/TestsExample/src/Test1829/screens/HomeView.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, View, Text, StyleSheet } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-
-const HomeView = () => {
-  const navigation = useNavigation();
-  return (
-    <View style={styles.container}>
-      <TouchableOpacity onPress={() => navigation.navigate('inner')}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Open Inner Navigator</Text>
-        </View>
-      </TouchableOpacity>
-      <TouchableOpacity onPress={() => navigation.navigate('modal')}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Open Outer Modal</Text>
-        </View>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'yellow',
-  },
-  button: {
-    width: 200,
-    height: 50,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 5,
-    backgroundColor: 'blue',
-  },
-  buttonText: {
-    color: 'white',
-  },
-});
-
-export default HomeView;
diff --git a/TestsExample/src/Test1829/screens/InnerModal.tsx b/TestsExample/src/Test1829/screens/InnerModal.tsx
deleted file mode 100644
index 7eaadd884f..0000000000
--- a/TestsExample/src/Test1829/screens/InnerModal.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, View, Text, StyleSheet } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-
-const HomeView = () => {
-  const navigation = useNavigation();
-  return (
-    <View style={styles.container}>
-      <Text>
-        This is the inner modal. Opening the outer modal here does not work.
-        WTF?
-      </Text>
-      <TouchableOpacity onPress={() => navigation.navigate('modal')}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Open Outer Modal</Text>
-        </View>
-      </TouchableOpacity>
-      <TouchableOpacity onPress={() => navigation.goBack()}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Back</Text>
-        </View>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'yellow',
-  },
-  button: {
-    width: 200,
-    height: 50,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 5,
-    backgroundColor: 'blue',
-  },
-  buttonText: {
-    color: 'white',
-  },
-});
-
-export default HomeView;
diff --git a/TestsExample/src/Test1829/screens/InnerView.tsx b/TestsExample/src/Test1829/screens/InnerView.tsx
deleted file mode 100644
index a410092684..0000000000
--- a/TestsExample/src/Test1829/screens/InnerView.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, View, Text, StyleSheet } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-
-const HomeView = () => {
-  const navigation = useNavigation();
-  return (
-    <View style={styles.container}>
-      <Text>
-        This is the inner navigator. Opening the outer modal here works!
-      </Text>
-      <TouchableOpacity onPress={() => navigation.navigate('inner-modal')}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Open Inner Modal</Text>
-        </View>
-      </TouchableOpacity>
-      <TouchableOpacity onPress={() => navigation.navigate('modal')}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Open Outer Modal</Text>
-        </View>
-      </TouchableOpacity>
-      <TouchableOpacity onPress={() => navigation.goBack()}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Go back</Text>
-        </View>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'yellow',
-  },
-  button: {
-    width: 200,
-    height: 50,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 5,
-    backgroundColor: 'blue',
-  },
-  buttonText: {
-    color: 'white',
-  },
-});
-
-export default HomeView;
diff --git a/TestsExample/src/Test1829/screens/ModalView.tsx b/TestsExample/src/Test1829/screens/ModalView.tsx
deleted file mode 100644
index 7bc62ebb92..0000000000
--- a/TestsExample/src/Test1829/screens/ModalView.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React, { useEffect } from 'react';
-import { TouchableOpacity, View, Text, StyleSheet } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-
-const ModalView = () => {
-  useEffect(() => {
-    console.log('ModalView mounted');
-  }, []);
-
-  const navigation = useNavigation();
-  return (
-    <View style={styles.container}>
-      <Text>
-        This is the outer modal. If you try to open it from the inner modal, it
-        doesn't work. But if you comment out the `presentation: modal` on the
-        inner modal, it does work! In addition, if opening a modal in the same
-        navigator stack also works.
-      </Text>
-      <TouchableOpacity onPress={() => navigation.navigate('modal-2')}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Open sibling outer modal.</Text>
-        </View>
-      </TouchableOpacity>
-      <TouchableOpacity onPress={() => navigation.goBack()}>
-        <View style={styles.button}>
-          <Text style={styles.buttonText}>Back</Text>
-        </View>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    backgroundColor: 'green',
-  },
-  button: {
-    width: 200,
-    height: 50,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 5,
-    backgroundColor: 'blue',
-  },
-  buttonText: {
-    color: 'white',
-  },
-});
-
-export default ModalView;
diff --git a/TestsExample/src/Test1864.tsx b/TestsExample/src/Test1864.tsx
deleted file mode 100644
index 36bd17698b..0000000000
--- a/TestsExample/src/Test1864.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { Button, View, Text } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { NativeStackNavigationProp } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-type NavProp = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen
-          name="screenA"
-          component={ScreenA}
-          options={{ headerTitle: 'screen a title', headerShown: false }}
-        />
-        <Stack.Screen
-          name="screenB"
-          component={ScreenB}
-          options={{ headerTitle: 'screen b title' }}
-        />
-        <Stack.Screen
-          name="screenC"
-          component={ScreenC}
-          options={{ headerTitle: 'screen c title', headerShown: false }}
-        />
-        <Stack.Screen
-          name="screenD"
-          component={ScreenD}
-          options={{ headerTitle: 'screen d title' }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const ScreenA = ({ navigation }: NavProp) => (
-  <View style={{ flex: 1, paddingTop: 50 }}>
-    <Text>Screen A</Text>
-    <Button
-      onPress={() => navigation.navigate('screenB')}
-      title="Go to screen B"
-    />
-  </View>
-);
-
-const ScreenB = ({ navigation }: NavProp) => (
-  <View style={{ flex: 1 }}>
-    <Text>Screen B</Text>
-    <Button
-      onPress={() => navigation.navigate('screenC')}
-      title="Go to screen C"
-    />
-  </View>
-);
-
-const ScreenC = ({ navigation }: NavProp) => (
-  <View style={{ flex: 1, paddingTop: 50 }}>
-    <Text>Screen C</Text>
-    <Button
-      onPress={() => navigation.navigate('screenD')}
-      title="Go to screen D"
-    />
-  </View>
-);
-
-const ScreenD = (_props: NavProp) => (
-  <View style={{ flex: 1 }}>
-    <Text>Screen D</Text>
-  </View>
-);
diff --git a/TestsExample/src/Test1970.jsx b/TestsExample/src/Test1970.jsx
deleted file mode 100644
index c6c8377b84..0000000000
--- a/TestsExample/src/Test1970.jsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import { NavigationContainer, useNavigation } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { Button, StyleSheet, Text } from 'react-native';
-
-const Stack = createNativeStackNavigator();
-
-const Home = () => {
-  const navigation = useNavigation();
-
-  return (
-    <>
-      <Text>Home Screen - Portrait</Text>
-      <Button title="Next" onPress={() => navigation.navigate('Landscape')} />
-    </>
-  );
-};
-
-const Landscape = () => {
-  const navigation = useNavigation();
-
-  return (
-    <>
-      <Text>Landscape Screen</Text>
-      <Button title="Back" onPress={() => navigation.goBack()} />
-    </>
-  );
-};
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        initialRouteName="Home"
-        screenOptions={{ animation: 'none', headerShown: false }}>
-        <Stack.Screen
-          name="Home"
-          component={Home}
-          options={{
-            orientation: 'portrait',
-            contentStyle: {
-              flex: 1,
-              backgroundColor: '#abc',
-              justifyContent: 'center',
-              alignItems: 'center',
-            },
-          }}
-        />
-        <Stack.Screen
-          name="Landscape"
-          component={Landscape}
-          options={{
-            orientation: 'landscape',
-            contentStyle: {
-              flex: 1,
-              backgroundColor: '#cba',
-              justifyContent: 'center',
-              alignItems: 'center',
-            },
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
diff --git a/TestsExample/src/Test1981.tsx b/TestsExample/src/Test1981.tsx
deleted file mode 100644
index 511c2b6a8c..0000000000
--- a/TestsExample/src/Test1981.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import React from 'react';
-import { NavigationContainer, NavigationContext, ParamListBase } from '@react-navigation/native';
-import { createNativeStackNavigator, NativeStackNavigationProp } from '@react-navigation/native-stack';
-import { View, StyleSheet, Button, Pressable, Text } from 'react-native';
-
-type NavProp = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const Stack = createNativeStackNavigator();
-
-function FirstScreen({ navigation }: NavProp) {
-  const navigateToSecond = () => {
-    navigation.navigate('Second');
-  };
-  return (
-    <View style={[styles.redbox, styles.centeredView]}>
-      <Button title="Navigate to Second" onPress={navigateToSecond} />
-      <PressableWithHitSlop />
-    </View>
-  );
-}
-
-function SecondScreen({ navigation }: NavProp) {
-  const navigateToFirst = () => {
-    navigation.navigate('First');
-  };
-
-  return (
-    <View style={[styles.greenbox, styles.centeredView]}>
-      <Button title="Navigate to First" onPress={navigateToFirst} />
-    </View>
-  );
-}
-
-function HeaderLeft() {
-  const onPressCallback = () => {
-    console.log('HeaderLeft onPressCallback invoked');
-  };
-
-  return (
-    <Pressable style={[styles.bluebox]} hitSlop={12} onPress={onPressCallback}>
-      <Text style={{ color: 'white' }}>Press me</Text>
-    </Pressable>
-  );
-}
-
-function PressableWithHitSlop() {
-  const onPressCallback = () => {
-    console.log('PressableWithHitSlop onPressCallback invoked');
-  };
-
-  return (
-    <View
-      style={{
-        padding: 12,
-        margin: -12,
-        backgroundColor: 'yellow',
-      }}>
-      <Pressable
-        style={[styles.greenbox]}
-        hitSlop={12}
-        onPress={onPressCallback}>
-        <Text style={{ color: 'white' }}>Press me</Text>
-      </Pressable>
-    </View>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen
-          name="First"
-          component={FirstScreen}
-          options={{
-            headerLeft: () => HeaderLeft(),
-            headerRight: () => PressableWithHitSlop(),
-          }}
-        />
-        <Stack.Screen name="Second" component={SecondScreen} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  redbox: {
-    backgroundColor: 'red',
-  },
-  greenbox: {
-    backgroundColor: 'green',
-  },
-  bluebox: {
-    backgroundColor: 'blue',
-  },
-  centeredView: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
diff --git a/TestsExample/src/Test2008.tsx b/TestsExample/src/Test2008.tsx
deleted file mode 100644
index ceb556a351..0000000000
--- a/TestsExample/src/Test2008.tsx
+++ /dev/null
@@ -1,184 +0,0 @@
-import React from 'react';
-import { Text, View, SafeAreaView, StyleSheet, Pressable } from 'react-native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import {
-  NavigationContainer,
-  useNavigation,
-  ParamListBase,
-  type NavigationProp,
-} from '@react-navigation/native';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-
-const styles = StyleSheet.create({
-  inner: {
-    flex: 1,
-    backgroundColor: 'white',
-  },
-  safeArea: {
-    flex: 1,
-    backgroundColor: 'red',
-  },
-  innerModal: {
-    flex: 1,
-    backgroundColor: 'rgba(0,0,0,0.4)',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  pressable: {
-    padding: 20,
-    backgroundColor: '#ccc',
-    marginVertical: 5,
-  },
-
-  textIntro: {
-    padding: 10,
-  },
-
-  buttons: {
-    flexDirection: 'row',
-    padding: 10,
-  },
-
-  text: {
-    textAlign: 'center',
-  },
-});
-
-type RootStackScreens = {
-  Home: undefined;
-  Modal: undefined;
-  TransparentModal: undefined;
-  ContainedTransparentModal: undefined;
-};
-
-const RootStack = createNativeStackNavigator<RootStackScreens>();
-
-function Home() {
-  const navigation = useNavigation<NavigationProp<RootStackScreens>>();
-  return (
-    <SafeAreaView style={styles.safeArea}>
-      <View style={styles.inner}>
-        <Text style={styles.textIntro}>
-          Red represents the safe area padding as provided by React Native Safe
-          Area Context (although I've noticed that the issue also affects the
-          build in react native SafeArea component).
-        </Text>
-        <Text style={styles.textIntro}>
-          This only applies to iOS. Ensure you have rotation lock off, and
-          rotate the view into landscape orientation. Note how the red safe
-          areas appear. Then tap `Spawn Transparent Modal`, dismiss the modal,
-          and then rotate the screen again to see how the safe areas are now
-          stuck as the portrait values. You must force quite the app to undo the
-          bug.
-        </Text>
-        <Pressable
-          style={styles.pressable}
-          onPress={() => navigation.navigate('Modal')}>
-          <Text style={styles.text}>"modal"</Text>
-        </Pressable>
-        <Pressable
-          style={styles.pressable}
-          onPress={() => navigation.navigate('ContainedTransparentModal')}>
-          <Text style={styles.text}>"containedTransparentModal"</Text>
-        </Pressable>
-        <Pressable
-          style={styles.pressable}
-          onPress={() => navigation.navigate('TransparentModal')}>
-          <Text style={styles.text}>"transparentModal"</Text>
-        </Pressable>
-      </View>
-    </SafeAreaView>
-  );
-}
-
-function Modal({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={styles.innerModal}>
-      <Text>Modal</Text>
-      <Pressable style={styles.pressable} onPress={() => navigation.goBack()}>
-        <Text>Go Back!</Text>
-      </Pressable>
-      <Pressable
-        style={styles.pressable}
-        onPress={() => navigation.push('Modal')}>
-        <Text>Open another modal!</Text>
-      </Pressable>
-    </View>
-  );
-}
-
-function TransparentModal({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={styles.innerModal}>
-      <Text>Transparent Modal</Text>
-      <Pressable style={styles.pressable} onPress={() => navigation.goBack()}>
-        <Text>Go Back!</Text>
-      </Pressable>
-      <Pressable
-        style={styles.pressable}
-        onPress={() => navigation.push('TransparentModal')}>
-        <Text>Open another modal!</Text>
-      </Pressable>
-    </View>
-  );
-}
-
-function ContainedTransparentModal({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <View style={styles.innerModal}>
-      <Text>Contained Transparent Modal</Text>
-      <Pressable style={styles.pressable} onPress={() => navigation.goBack()}>
-        <Text>Go Back!</Text>
-      </Pressable>
-      <Pressable
-        style={styles.pressable}
-        onPress={() => navigation.push('ContainedTransparentModal')}>
-        <Text>Open another modal!</Text>
-      </Pressable>
-    </View>
-  );
-}
-
-export default function App() {
-  return (
-    <SafeAreaProvider>
-      <NavigationContainer>
-        <RootStack.Navigator
-          initialRouteName="Home"
-          screenOptions={{ headerShown: false }}>
-          <RootStack.Screen name="Home" component={Home} />
-          <RootStack.Screen
-            name="TransparentModal"
-            component={TransparentModal}
-            options={{ presentation: 'transparentModal' }}
-          />
-          <RootStack.Screen
-            name="ContainedTransparentModal"
-            component={ContainedTransparentModal}
-            options={{ presentation: 'containedTransparentModal' }}
-          />
-          <RootStack.Screen
-            name="Modal"
-            component={Modal}
-            options={{ presentation: 'modal' }}
-          />
-        </RootStack.Navigator>
-      </NavigationContainer>
-    </SafeAreaProvider>
-  );
-}
diff --git a/TestsExample/src/Test2048.tsx b/TestsExample/src/Test2048.tsx
deleted file mode 100644
index e4efdcaf3b..0000000000
--- a/TestsExample/src/Test2048.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from 'react';
-import { View, Modal, Button, TouchableWithoutFeedback } from 'react-native';
-import { useState } from 'react';
-
-import { NavigationContainer, useNavigation } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-type AppStackPages = {
-  Home: undefined;
-  Modal: undefined;
-};
-
-function HomeScreen() {
-  const navigation = useNavigation();
-  const [visible, setVisible] = useState(false);
-
-  return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-      <Button
-        title="Toggle bottom modal"
-        onPress={() => setVisible(prev => !prev)}
-      />
-      <Modal animationType="slide" visible={visible} transparent>
-        <TouchableWithoutFeedback onPress={() => setVisible(false)}>
-          <View style={{ flex: 1 }} />
-        </TouchableWithoutFeedback>
-        <View
-          style={{
-            borderTopLeftRadius: 10,
-            borderTopRightRadius: 10,
-            borderWidth: 2,
-            borderColor: 'red',
-            padding: 10,
-            minHeight: '40%',
-            alignItems: 'center',
-            justifyContent: 'center',
-          }}>
-          <Button
-            title="Open navigation modal"
-            onPress={() => {
-              // Issue: autohiding the Modal that serves as a bottom sheet unmounts
-              // the anchor component for the screen that is in { presentation: "modal" } mode
-              // Previously the anchoring component for a { presentation: "modal" }-based screen was different and it worked
-              // The culprit is: https://github.com/software-mansion/react-native-screens/pull/1912 released in https://github.com/software-mansion/react-native-screens/releases/tag/3.29.0
-              // adding setTimeout does not bring any good, because
-              // - we either don't see navigation action
-              // - we unmount both the bottom sheet modal and the screen itself
-
-              setVisible(false);
-
-              navigation.navigate('Modal');
-            }}
-          />
-        </View>
-      </Modal>
-    </View>
-  );
-}
-
-function ModalScreen() {
-  return <View style={{ flex: 1, backgroundColor: 'rgb(50,150,50)' }} />;
-}
-
-const AppStack = createNativeStackNavigator<AppStackPages>();
-
-function Navigation() {
-  return (
-    <AppStack.Navigator>
-      <AppStack.Screen name="Home" component={HomeScreen} />
-      <AppStack.Screen
-        name="Modal"
-        component={ModalScreen}
-        options={{ presentation: 'modal' }}
-      />
-    </AppStack.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Navigation />
-    </NavigationContainer>
-  );
-}
diff --git a/TestsExample/src/Test2069.tsx b/TestsExample/src/Test2069.tsx
deleted file mode 100644
index 1021b11eb0..0000000000
--- a/TestsExample/src/Test2069.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { NavigationContainer } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-import React, { useState } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-
-type StackParamList = {
-  Home: undefined;
-  Home1: undefined;
-  Home2: undefined;
-  Home3: undefined;
-};
-
-interface MainScreenProps {
-  navigation: NativeStackNavigationProp<StackParamList>;
-}
-
-const Home = ({ navigation }: MainScreenProps) => (
-  <View style={styles.view}>
-    <Text
-      onPress={() => {
-        navigation.navigate('Home1');
-        navigation.navigate('Home2');
-      }}>
-      This is the initial View
-    </Text>
-  </View>
-);
-
-const Home1 = ({ navigation }: MainScreenProps) => (
-  <View style={styles.view}>
-    <Text onPress={() => navigation.goBack()}>This is View 1</Text>
-  </View>
-);
-
-const Home2 = ({ navigation }: MainScreenProps) => (
-  <View style={styles.view}>
-    <Text onPress={() => navigation.goBack()}>This is View 2</Text>
-  </View>
-);
-
-const Home3 = ({ navigation }: MainScreenProps) => (
-  <View style={styles.view}>
-    {/* goBack shouldn't work here. */}
-    <Text onPress={() => navigation.goBack()}>This is View 3</Text>
-  </View>
-);
-
-const Stack = createNativeStackNavigator();
-
-const Test2069 = () => {
-  const [hasChangedState, setHasChangedState] = useState(0);
-
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        {hasChangedState % 3 === 0 ? (
-          <>
-            <Stack.Screen name="Home" component={Home} />
-            <Stack.Screen name="Home1" component={Home1} />
-            <Stack.Screen name="Home2" component={Home2} />
-          </>
-        ) : hasChangedState % 3 === 1 ? (
-          <>
-            <Stack.Screen name="Home2" component={Home2} />
-          </>
-        ) : (
-          <>
-            <Stack.Screen name="Home3" component={Home3} />
-          </>
-        )}
-      </Stack.Navigator>
-      <TouchableOpacity
-        style={styles.button}
-        onPress={() => setHasChangedState(old => old + 1)}>
-        <Text>Change state</Text>
-      </TouchableOpacity>
-    </NavigationContainer>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    height: 100,
-  },
-  view: {
-    alignItems: 'center',
-    backgroundColor: '#b7c4bb',
-    flex: 1,
-    justifyContent: 'center',
-    padding: 12,
-  },
-});
-
-export default Test2069;
diff --git a/TestsExample/src/Test2118.tsx b/TestsExample/src/Test2118.tsx
deleted file mode 100644
index 0e1c90cf2d..0000000000
--- a/TestsExample/src/Test2118.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import React from 'react';
-import { View, Text, Button, Pressable, StyleSheet, Alert } from 'react-native';
-import { NavigationContainer, useNavigation } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator(); // <-- change to createStackNavigator to see a difference
-
-const ModalStack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ animation: 'slide_from_left' }}>
-        <Stack.Screen name="Home" component={HomeScreen} />
-        <Stack.Screen name="DetailsStack" component={DetailsScreen} />
-        <Stack.Screen
-          name="StackInModal"
-          component={StackInModal}
-          options={{ presentation: 'modal' }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function HomeScreen() {
-  const navigation = useNavigation();
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text>Home Screen</Text>
-      <Button
-        title="Go to Details"
-        onPress={() => navigation.navigate('DetailsStack')}
-      />
-      <Button
-        title="Go to StackInModal"
-        onPress={() => navigation.navigate('StackInModal')}
-      />
-    </View>
-  );
-}
-
-function DetailsScreen() {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      {new Array(10).fill(0).map((_, i) => (
-        <Pressable
-          key={i.toString()}
-          onPress={() => {
-            Alert.alert('Pressed!');
-          }}
-          style={({ pressed }) => [
-            {
-              backgroundColor: pressed ? 'rgb(210, 230, 255)' : 'white',
-            },
-            styles.wrapperCustom,
-          ]}>
-          {({ pressed }) => (
-            <Text style={styles.text}>{pressed ? 'Pressed!' : 'Press Me'}</Text>
-          )}
-        </Pressable>
-      ))}
-    </View>
-  );
-}
-
-function StackInModal() {
-  return (
-    <ModalStack.Navigator>
-      <ModalStack.Screen name="ModalHome" component={HomeScreen} />
-      <ModalStack.Screen name="ModalDetails" component={DetailsScreen} />
-    </ModalStack.Navigator>
-  );
-}
-
-const styles = StyleSheet.create({
-  wrapperCustom: {
-    width: '100%',
-    height: 100,
-    marginHorizontal: 30,
-    borderRadius: 10,
-    margin: 10,
-  },
-  text: {
-    fontSize: 20,
-    color: 'black',
-  },
-});
diff --git a/TestsExample/src/Test263.js b/TestsExample/src/Test263.js
deleted file mode 100644
index 5be4222247..0000000000
--- a/TestsExample/src/Test263.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import React, { Component } from 'react';
-import { StyleSheet, Animated, Button } from 'react-native';
-
-import {
-  PanGestureHandler,
-  ScrollView,
-  State,
-} from 'react-native-gesture-handler';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function Example() {
-  return (
-    <ScrollView
-      waitFor={['dragbox', 'image_pinch', 'image_rotation', 'image_tilt']}
-      style={styles.scrollView}>
-      <DraggableBox />
-    </ScrollView>
-  );
-}
-
-class DraggableBox extends Component {
-  constructor(props) {
-    super(props);
-    this._translateX = new Animated.Value(0);
-    this._translateY = new Animated.Value(0);
-    this._lastOffset = { x: 0, y: 0 };
-    this._onGestureEvent = Animated.event(
-      [
-        {
-          nativeEvent: {
-            translationX: this._translateX,
-            translationY: this._translateY,
-          },
-        },
-      ],
-      { useNativeDriver: true },
-    );
-  }
-
-  _onHandlerStateChange = event => {
-    if (event.nativeEvent.oldState === State.ACTIVE) {
-      this._lastOffset.x += event.nativeEvent.translationX;
-      this._lastOffset.y += event.nativeEvent.translationY;
-      this._translateX.setOffset(this._lastOffset.x);
-      this._translateX.setValue(0);
-      this._translateY.setOffset(this._lastOffset.y);
-      this._translateY.setValue(0);
-    }
-  };
-
-  render() {
-    return (
-      <PanGestureHandler
-        {...this.props}
-        onGestureEvent={this._onGestureEvent}
-        onHandlerStateChange={this._onHandlerStateChange}>
-        <Animated.View
-          style={[
-            styles.box,
-            {
-              transform: [
-                { translateX: this._translateX },
-                { translateY: this._translateY },
-              ],
-            },
-            this.props.boxStyle,
-          ]}
-        />
-      </PanGestureHandler>
-    );
-  }
-}
-
-const NativeStack = createNativeStackNavigator();
-
-const HomeScreen = ({ navigation }) => {
-  return (
-    <ScrollView
-      style={{}}
-      scrollToOverflowEnabled={true}
-      contentInsetAdjustmentBehavior="automatic">
-      <Button title="Second" onPress={() => navigation.push('Second')} />
-    </ScrollView>
-  );
-};
-
-export default function ReactNativeScreensBugs() {
-  return (
-    <NavigationContainer>
-      <NativeStack.Navigator
-        screenOptions={{
-          headerTransparent: true,
-          presentation: 'modal',
-        }}>
-        <NativeStack.Screen
-          options={{ headerLargeTitle: true }}
-          name="StickyHeader"
-          component={HomeScreen}
-        />
-        <NativeStack.Screen
-          options={{ headerLargeTitle: true, gestureEnabled: true }}
-          name="Second"
-          component={Example}
-        />
-      </NativeStack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  scrollView: {
-    flex: 1,
-    backgroundColor: '#F5FCFF',
-  },
-
-  box: {
-    width: '100%',
-    height: 500,
-    alignSelf: 'center',
-    backgroundColor: 'plum',
-    margin: 10,
-    zIndex: 200,
-  },
-});
diff --git a/TestsExample/src/Test349.js b/TestsExample/src/Test349.js
deleted file mode 100644
index 6e12baec33..0000000000
--- a/TestsExample/src/Test349.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import React from 'react';
-import { StyleSheet, ScrollView, TextInput, View, Text } from 'react-native';
-
-import { Colors } from 'react-native/Libraries/NewAppScreen';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { TouchableOpacity } from 'react-native-gesture-handler';
-
-const LoginScreen = props => {
-  return (
-    <>
-      <TextInput
-        style={{ fontSize: 20 }}
-        autoCompleteType={'username'}
-        importantForAutofill={'yes'}
-        placeholder={'Username'}
-      />
-      <TextInput
-        style={{ fontSize: 20 }}
-        autoCompleteType={'password'}
-        importantForAutofill={'yes'}
-        placeholder={'Password'}
-        secureTextEntry={true}
-      />
-      <TouchableOpacity
-        onPress={() => props.navigation.replace('Home')}
-        style={{
-          height: 60,
-          backgroundColor: 'red',
-          width: '100%',
-          justifyContent: 'center',
-          alignItems: 'center',
-        }}>
-        <Text>LOGIN</Text>
-      </TouchableOpacity>
-      <ScrollView>
-        <TextInput
-          style={{ fontSize: 20 }}
-          autoCompleteType={'username'}
-          importantForAutofill={'yes'}
-          placeholder={'Username'}
-        />
-        <TextInput
-          style={{ fontSize: 20 }}
-          autoCompleteType={'password'}
-          importantForAutofill={'yes'}
-          placeholder={'Password'}
-          secureTextEntry={true}
-        />
-      </ScrollView>
-    </>
-  );
-};
-
-const HomeScreen = props => {
-  return (
-    <View
-      style={{
-        flex: 1,
-        backgroundColor: 'red',
-        alignItems: 'center',
-        justifyContent: 'center',
-      }}>
-      <Text>
-        Hello. Welcome. You should now be prompted to save your credentials.
-      </Text>
-      <TouchableOpacity
-        onPress={() => props.navigation.replace('Login')}
-        style={{
-          height: 60,
-          backgroundColor: 'red',
-          width: '100%',
-          justifyContent: 'center',
-          alignItems: 'center',
-        }}>
-        <Text>LOGIN</Text>
-      </TouchableOpacity>
-    </View>
-  );
-};
-
-const Stack = createStackNavigator();
-
-function MyStack() {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen name="Login" component={LoginScreen} />
-      <Stack.Screen name="Home" component={HomeScreen} />
-    </Stack.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <MyStack />
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  scrollView: {
-    backgroundColor: Colors.lighter,
-  },
-  body: {
-    backgroundColor: Colors.white,
-  },
-});
diff --git a/TestsExample/src/Test528.js b/TestsExample/src/Test528.js
deleted file mode 100644
index 46e80c2a35..0000000000
--- a/TestsExample/src/Test528.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import React, { useLayoutEffect } from 'react';
-import { View, Text, Pressable, Alert } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const CustomHeaderRight = () => {
-  return (
-    <Pressable
-      onPress={() => Alert.alert('hi')}
-      style={{ backgroundColor: 'orange' }}>
-      <Text>Custom Button</Text>
-    </Pressable>
-  );
-};
-const Screen1 = props => {
-  useLayoutEffect(() => {
-    props.navigation.setOptions({
-      headerRight: () => <CustomHeaderRight />,
-    });
-  }, [props.navigation]);
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: 'teal',
-      }}>
-      <Text>Screen 1</Text>
-      <Pressable onPress={() => props.navigation.navigate('Screen2')}>
-        <Text>Go to Screen 2</Text>
-      </Pressable>
-    </View>
-  );
-};
-const Screen2 = () => {
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: 'pink',
-      }}>
-      <Text>Screen 2</Text>
-    </View>
-  );
-};
-
-const Stack = createNativeStackNavigator();
-const Router = () => {
-  return (
-    <Stack.Navigator>
-      <Stack.Screen name="Screen1" component={Screen1} />
-      <Stack.Screen name="Screen2" component={Screen2} />
-    </Stack.Navigator>
-  );
-};
-const App = () => {
-  return (
-    <NavigationContainer>
-      <Router />
-    </NavigationContainer>
-  );
-};
-
-export default App;
diff --git a/TestsExample/src/Test550.js b/TestsExample/src/Test550.js
deleted file mode 100644
index f0deb1ab1d..0000000000
--- a/TestsExample/src/Test550.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import { Button, ScrollView, StyleSheet } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function HomeScreen({ navigation }) {
-  return (
-    <ScrollView contentContainerStyle={styles.contentContainer}>
-      <Button
-        onPress={() => navigation.navigate('Details')}
-        title="Go to Details"
-      />
-    </ScrollView>
-  );
-}
-
-function DetailsScreen() {
-  return <ScrollView />;
-}
-
-const RootStack = createNativeStackNavigator();
-
-function RootStackScreen() {
-  return (
-    <RootStack.Navigator
-      screenOptions={{
-        headerBackImageSource: require('../assets/backButton.png'),
-        headerBackTitleVisible: false,
-        headerTintColor: 'red',
-      }}>
-      <RootStack.Screen
-        name="Home"
-        component={HomeScreen}
-        options={{ headerShown: false }}
-      />
-      <RootStack.Screen name="Details" component={DetailsScreen} />
-    </RootStack.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <RootStackScreen />
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  contentContainer: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
diff --git a/TestsExample/src/Test564.js b/TestsExample/src/Test564.js
deleted file mode 100644
index 89d30dbc1d..0000000000
--- a/TestsExample/src/Test564.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import { ScrollView, Button } from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { NavigationContainer } from '@react-navigation/native';
-
-const Tab = createBottomTabNavigator();
-const Stack = createNativeStackNavigator();
-
-function HomeScreen({ navigation }) {
-  return (
-    <ScrollView contentInsetAdjustmentBehavior="automatic">
-      <Button
-        title="TabNavigator"
-        onPress={() => navigation.navigate('TabNavigator')}
-      />
-    </ScrollView>
-  );
-}
-
-const TabNavigator = () => (
-  <Tab.Navigator>
-    <Tab.Screen name="Tab1" component={HomeScreen} />
-    <Tab.Screen name="Tab2" component={HomeScreen} />
-    <Tab.Screen name="Tab3" component={HomeScreen} />
-  </Tab.Navigator>
-);
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ headerTransparent: true }}>
-        <Stack.Screen name="Home1" component={HomeScreen} />
-        <Stack.Screen name="TabNavigator" component={TabNavigator} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
diff --git a/TestsExample/src/Test577.js b/TestsExample/src/Test577.js
deleted file mode 100644
index 48b924c835..0000000000
--- a/TestsExample/src/Test577.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import { StyleSheet, View, Text, Button } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function Home(props) {
-  return (
-    <View style={styles.container}>
-      <Text>This is the homescreen!</Text>
-      <Button
-        onPress={() => props.navigation.navigate('Modal')}
-        title="Open modal"
-      />
-    </View>
-  );
-}
-function Modal(props) {
-  return (
-    <View style={styles.container}>
-      <Text>This is the Modal!</Text>
-      <Button onPress={() => props.navigation.goBack()} title="Go back" />
-    </View>
-  );
-}
-
-const Stack = createNativeStackNavigator();
-
-export function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator initialRouteName="Home">
-        <Stack.Screen name="Home" component={Home} />
-        <Stack.Screen
-          name="Modal"
-          component={Modal}
-          options={{
-            presentation: 'modal',
-            gestureEnabled: false,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
-
-export default App;
diff --git a/TestsExample/src/Test593.tsx b/TestsExample/src/Test593.tsx
deleted file mode 100644
index c06916b1a2..0000000000
--- a/TestsExample/src/Test593.tsx
+++ /dev/null
@@ -1,423 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { createContext, useState, useContext, useEffect } from 'react';
-import {
-  ScrollView,
-  Button,
-  Platform,
-  Text,
-  TouchableOpacity,
-  StyleSheet,
-  Dimensions,
-  View,
-  ViewStyle,
-} from 'react-native';
-import { nanoid } from 'nanoid/non-secure';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const Stack = createNativeStackNavigator();
-const NestedStack = createNativeStackNavigator();
-
-function Deeper({ navigation }: Props) {
-  const toast = useToast();
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        toast.push({
-          message: `Deeper | transitionStart | ${
-            data.closing ? 'closing' : 'opening'
-          }`,
-          backgroundColor: 'orange',
-        });
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      toast.push({
-        message: `Deeper | transitionEnd | ${
-          data.closing ? 'closing' : 'opening'
-        }`,
-        backgroundColor: 'dodgerblue',
-      });
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        console.warn(
-          Platform.OS +
-            ' Deeper transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
-        );
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      console.warn(
-        Platform.OS +
-          ' Deeper transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
-      );
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  return (
-    <NestedStack.Navigator
-      screenOptions={{
-        headerShown: true,
-        animation: 'slide_from_right',
-      }}>
-      <NestedStack.Screen name="Privacy" component={Privacy} />
-      <NestedStack.Screen name="Another" component={Another} />
-    </NestedStack.Navigator>
-  );
-}
-
-export default function NativeNavigation() {
-  return (
-    <NavigationContainer>
-      <ToastProvider>
-        <Stack.Navigator
-          screenOptions={{
-            animation: 'slide_from_bottom',
-          }}>
-          <Stack.Screen name="Status" component={Status} />
-          <Stack.Screen name="Deeper" component={Deeper} />
-        </Stack.Navigator>
-      </ToastProvider>
-    </NavigationContainer>
-  );
-}
-
-function Status({ navigation }: Props) {
-  const toast = useToast();
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        toast.push({
-          message: `Status | transitionStart | ${
-            data.closing ? 'closing' : 'opening'
-          }`,
-          backgroundColor: 'orange',
-        });
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      toast.push({
-        message: `Status | transitionEnd | ${
-          data.closing ? 'closing' : 'opening'
-        }`,
-        backgroundColor: 'dodgerblue',
-      });
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        console.warn(
-          Platform.OS +
-            ' Status transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
-        );
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      console.warn(
-        Platform.OS +
-          ' Status transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
-      );
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  return (
-    <ScrollView>
-      <Button title="Click" onPress={() => navigation.navigate('Deeper')} />
-    </ScrollView>
-  );
-}
-
-function Privacy({ navigation }: Props) {
-  const toast = useToast();
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        toast.push({
-          message: `Privacy | transitionStart | ${
-            data.closing ? 'closing' : 'opening'
-          }`,
-          backgroundColor: 'orange',
-        });
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      toast.push({
-        message: `Privacy | transitionEnd | ${
-          data.closing ? 'closing' : 'opening'
-        }`,
-        backgroundColor: 'dodgerblue',
-      });
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        console.warn(
-          Platform.OS +
-            ' Privacy transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
-        );
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      console.warn(
-        Platform.OS +
-          ' Privacy transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
-      );
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  return (
-    <View style={{ flex: 1, backgroundColor: 'rgba(255,0,0,0.2)' }}>
-      <Button title="Click" onPress={() => navigation.navigate('Another')} />
-    </View>
-  );
-}
-
-function Another({ navigation }: Props) {
-  const toast = useToast();
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        toast.push({
-          message: `Another | transitionStart | ${
-            data.closing ? 'closing' : 'opening'
-          }`,
-          backgroundColor: 'orange',
-        });
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      toast.push({
-        message: `Another | transitionEnd | ${
-          data.closing ? 'closing' : 'opening'
-        }`,
-        backgroundColor: 'dodgerblue',
-      });
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener(
-      'transitionStart',
-      ({ data }) => {
-        console.warn(
-          Platform.OS +
-            ' Another transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
-        );
-      },
-    );
-
-    return unsubscribe;
-  }, [navigation]);
-
-  React.useEffect(() => {
-    const unsubscribe = navigation.addListener('transitionEnd', ({ data }) => {
-      console.warn(
-        Platform.OS +
-          ' Another transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
-      );
-    });
-
-    return unsubscribe;
-  }, [navigation]);
-
-  return (
-    <View style={{ flex: 1, backgroundColor: 'green' }}>
-      <Button title="Click" onPress={() => navigation.navigate('Another')} />
-    </View>
-  );
-}
-
-interface ToastProps {
-  index: number;
-  id: string;
-  backgroundColor: string;
-  message: string;
-  style?: ViewStyle;
-  remove: (_: string) => void;
-}
-
-const DISAPPEAR_AFTER = 10 * 1000; // 10 x 1000 ms -> 10 s
-
-const Toast = ({
-  index,
-  id,
-  backgroundColor,
-  message,
-  style = {},
-  remove,
-}: ToastProps): JSX.Element => {
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      remove(id);
-    }, DISAPPEAR_AFTER);
-    return () => clearTimeout(timer);
-  }, []);
-
-  return (
-    <TouchableOpacity
-      style={{ ...styles.container, ...style }}
-      onPress={() => remove(id)}>
-      <View style={{ ...styles.alert, backgroundColor }}>
-        <Text style={styles.text}>
-          {`${index + 1}. `}
-          {message}
-        </Text>
-      </View>
-    </TouchableOpacity>
-  );
-};
-
-interface IToast {
-  id: string;
-  backgroundColor: string;
-  message: string;
-}
-
-const initialState: IToast[] = [];
-
-const ToastContext = createContext({
-  push: (_: Omit<IToast, 'id'>) => {
-    // noop
-  },
-});
-
-interface ToastProviderProps {
-  children: React.ReactNode;
-}
-
-export const ToastProvider = ({ children }: ToastProviderProps) => {
-  const [toasts, setToasts] = useState(initialState);
-
-  const remove = (id: string) => {
-    setToasts(prevToasts => prevToasts.filter(toast => toast.id !== id));
-  };
-
-  const push = ({ backgroundColor, message }: Omit<IToast, 'id'>): void => {
-    const id = nanoid();
-    setToasts(prevToasts => [...prevToasts, { id, backgroundColor, message }]);
-  };
-
-  return (
-    <ToastContext.Provider value={{ push }}>
-      <>
-        {children}
-        {toasts.map((toast, i) => (
-          <Toast
-            index={i}
-            key={toast.id}
-            style={{ marginBottom: i * 45 }}
-            {...toast}
-            remove={remove}
-          />
-        ))}
-      </>
-    </ToastContext.Provider>
-  );
-};
-
-const useToast = () => useContext(ToastContext);
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    position: 'absolute',
-    alignSelf: 'center',
-    bottom: 20,
-  },
-  alert: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: 40,
-    position: 'relative',
-    width: Dimensions.get('screen').width - 40,
-    borderRadius: 10,
-  },
-  text: {
-    fontWeight: 'bold',
-    fontSize: 16,
-    color: 'white',
-  },
-});
diff --git a/TestsExample/src/Test619.js b/TestsExample/src/Test619.js
deleted file mode 100644
index 4b7e2b3477..0000000000
--- a/TestsExample/src/Test619.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { createStackNavigator } from '@react-navigation/stack';
-import { View, Text, Button } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
-
-const ParentStack = createNativeStackNavigator();
-const BottomTab = createBottomTabNavigator();
-const ChildStack = createNativeStackNavigator();
-const Tab1Stack = createNativeStackNavigator();
-
-const DummyContent = () => {
-  const navigation = useNavigation();
-
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: 'red',
-      }}>
-      <Text style={{ marginBottom: 20, textAlign: 'center' }}>Child Stack</Text>
-      <Button title="Go Back" onPress={() => navigation.goBack()} />
-    </View>
-  );
-};
-
-const ChildStackScreen = () => (
-  <ChildStack.Navigator
-    screenOptions={{ headerShown: false, headerLargeTitle: false }}>
-    <Tab1Stack.Screen name="ChildStack" component={BottomStackScreen} />
-  </ChildStack.Navigator>
-);
-
-const Another = () => (
-  <ChildStack.Navigator
-    screenOptions={{ headerShown: true, headerLargeTitle: false }}>
-    <Tab1Stack.Screen name="ChildStack1" component={InitialScreen} />
-  </ChildStack.Navigator>
-);
-
-const AnotherBottomTabs = () => (
-  <BottomTab.Navigator
-    screenOptions={{ headerShown: false }}
-    detachInactiveScreens={true}>
-    <BottomTab.Screen name="Tab2" component={ChildStackScreen} />
-  </BottomTab.Navigator>
-);
-
-const BottomStackScreen = () => (
-  <BottomTab.Navigator
-    screenOptions={{ headerShown: false }}
-    detachInactiveScreens={true}>
-    <BottomTab.Screen name="Tab1" component={Another} />
-  </BottomTab.Navigator>
-);
-
-const InitialScreen = () => {
-  const navigation = useNavigation();
-
-  return (
-    <View
-      style={{
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: 'red',
-      }}>
-      <Button title="Click" onPress={() => navigation.navigate('Bottom')} />
-    </View>
-  );
-};
-
-const App = () => (
-  <NavigationContainer>
-    <ParentStack.Navigator>
-      <ParentStack.Screen
-        name="Initial"
-        component={BottomStackScreen}
-        options={{
-          headerShown: false,
-          animation: 'default' /** set none to fix */,
-        }}
-      />
-      <ParentStack.Screen
-        name="Bottom"
-        component={ChildStackScreen}
-        options={{ headerShown: false }}></ParentStack.Screen>
-    </ParentStack.Navigator>
-  </NavigationContainer>
-);
-
-export default App;
diff --git a/TestsExample/src/Test640.js b/TestsExample/src/Test640.js
deleted file mode 100644
index 87dcd2cbf1..0000000000
--- a/TestsExample/src/Test640.js
+++ /dev/null
@@ -1,81 +0,0 @@
-import React from 'react';
-import {
-  ScrollView,
-  RefreshControl,
-  StyleSheet,
-  Text,
-  Button,
-  TouchableOpacity,
-} from 'react-native';
-
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { NavigationContainer } from '@react-navigation/native';
-
-function wait(timeout) {
-  return new Promise(resolve => {
-    setTimeout(resolve, timeout);
-  });
-}
-
-function HomeScreen({ navigation }) {
-  return (
-    <Button title="Navigate" onPress={() => navigation.navigate('Modal')} />
-  );
-}
-
-function Modal({ navigation }) {
-  const someContent = Array.from({ length: 50 }, (v, i) => i);
-  const [refreshing, setRefreshing] = React.useState(false);
-
-  const onRefresh = React.useCallback(() => {
-    setRefreshing(true);
-
-    wait(2000).then(() => setRefreshing(false));
-  }, []);
-  return (
-    <ScrollView
-      refreshControl={
-        <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
-      }
-      contentInsetAdjustmentBehavior="automatic"
-      scrollToOverflowEnabled
-      stickyHeaderIndices={[0, 5]}>
-      {someContent.map(x => (
-        <TouchableOpacity key={x} style={styles.button}>
-          <Text>Scroll to {x}</Text>
-        </TouchableOpacity>
-      ))}
-    </ScrollView>
-  );
-}
-
-export default function App() {
-  const Stack = createNativeStackNavigator();
-
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ presentation: 'modal' }}>
-        <Stack.Screen name="Home" component={HomeScreen} />
-        <Stack.Screen name="Modal" component={Modal} options={{}} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    marginTop: 30,
-  },
-  scrollView: {
-    flex: 1,
-    backgroundColor: 'pink',
-  },
-  button: {
-    padding: 5,
-    borderBottomColor: 'gray',
-    borderBottomWidth: 0.5,
-    backgroundColor: 'lightblue',
-    flex: 1,
-  },
-});
diff --git a/TestsExample/src/Test648.js b/TestsExample/src/Test648.js
deleted file mode 100644
index ad251fa8c0..0000000000
--- a/TestsExample/src/Test648.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Button, ScrollView } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const AppStack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <AppStack.Navigator
-        screenOptions={{
-          headerLargeTitle: true,
-          animation: 'slide_from_right',
-        }}>
-        <AppStack.Screen name="First" component={First} />
-        <AppStack.Screen name="Second" component={Second} />
-      </AppStack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }) {
-  return (
-    <ScrollView>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </ScrollView>
-  );
-}
-
-function Second({ navigation }) {
-  return (
-    <ScrollView>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-    </ScrollView>
-  );
-}
diff --git a/TestsExample/src/Test649.js b/TestsExample/src/Test649.js
deleted file mode 100644
index 190c89b6a6..0000000000
--- a/TestsExample/src/Test649.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { Button, ScrollView } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          headerLargeTitle: true,
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }) {
-  return (
-    <ScrollView>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </ScrollView>
-  );
-}
-
-function Second({ navigation }) {
-  return (
-    <ScrollView>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-    </ScrollView>
-  );
-}
diff --git a/TestsExample/src/Test654.js b/TestsExample/src/Test654.js
deleted file mode 100644
index 0cc5c3b060..0000000000
--- a/TestsExample/src/Test654.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Button, I18nManager } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  React.useEffect(() => {
-    I18nManager.forceRTL(true);
-
-    return () => {
-      I18nManager.forceRTL(false);
-    };
-  }, []);
-
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }) {
-  return (
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-  );
-}
-
-function Second({ navigation }) {
-  return (
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.navigate('First')}
-    />
-  );
-}
diff --git a/TestsExample/src/Test658.js b/TestsExample/src/Test658.js
deleted file mode 100644
index 0b48087dea..0000000000
--- a/TestsExample/src/Test658.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import { NavigationContainer } from '@react-navigation/native';
-import * as React from 'react';
-import { Button, Dimensions, Text, View } from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen
-          name="TransparentModal"
-          component={Screen}
-          options={{
-            presentation: 'transparentModal',
-            animation: 'slide_from_bottom',
-            headerShown: false,
-          }}
-        />
-        <Stack.Screen
-          name="Modal"
-          component={Screen}
-          options={{
-            presentation: 'modal',
-            headerShown: false,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function Screen({ navigation }) {
-  const addedRoutes = navigation.dangerouslyGetState().routes.length - 1;
-  const margin = addedRoutes * 20;
-  const width = Dimensions.get('screen').width - addedRoutes * 40;
-  const backgroundColor = colors[addedRoutes % colors.length];
-  return (
-    <View
-      style={[
-        { width, margin, backgroundColor, height: '100%', borderWidth: 2 },
-      ]}>
-      <Button
-        title="Open transparent modal"
-        onPress={() => navigation.push('TransparentModal')}
-      />
-      <Button title="Open modal" onPress={() => navigation.push('Modal')} />
-      {addedRoutes > 0 && (
-        <Button title="Back" onPress={() => navigation.goBack()} />
-      )}
-      <Text style={{ padding: 10 }}>
-        For each transparent modal you open, all previously visible screens
-        should be visible underneath.
-      </Text>
-      <Text style={{ padding: 10 }}>
-        For each new (non-transparent) modal you open, all previously visible
-        screens should be hidden.
-      </Text>
-    </View>
-  );
-}
-
-const colors = [
-  'darkviolet',
-  'slateblue',
-  'mediumseagreen',
-  'khaki',
-  'orange',
-  'indianred',
-];
diff --git a/TestsExample/src/Test691.js b/TestsExample/src/Test691.js
deleted file mode 100644
index 3e31df0154..0000000000
--- a/TestsExample/src/Test691.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import * as React from 'react';
-import { View, Text, Button } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-
-const Stack = createNativeStackNavigator();
-const Tab = createBottomTabNavigator();
-
-function First({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text style={{ fontSize: 30 }}>This is a first screen!</Text>
-      <Button onPress={() => navigation.navigate('Modal')} title="Modal" />
-    </View>
-  );
-}
-
-function Modal({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text style={{ fontSize: 30 }}>This is a modal screen!</Text>
-      <Button onPress={() => navigation.navigate('Tab2')} title="Tab2" />
-    </View>
-  );
-}
-
-function Second() {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text style={{ fontSize: 30 }}>This is a second screen!</Text>
-    </View>
-  );
-}
-
-function ModalStack() {
-  return (
-    <Stack.Navigator
-      screenOptions={{
-        presentation: 'modal',
-      }}>
-      <Stack.Screen name="First" component={First} />
-      <Stack.Screen name="Modal" component={Modal} />
-    </Stack.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Tab.Navigator screenOptions={{ unmountOnBlur: false }}>
-        <Tab.Screen name="Tab1" component={ModalStack} />
-        <Tab.Screen name="Tab2" component={Second} />
-      </Tab.Navigator>
-    </NavigationContainer>
-  );
-}
diff --git a/TestsExample/src/Test702.js b/TestsExample/src/Test702.js
deleted file mode 100644
index d979f7c159..0000000000
--- a/TestsExample/src/Test702.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import { Button, Text, View } from 'react-native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function HomeScreen({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text style={{ fontSize: 30 }}>This is the home screen!</Text>
-      <Button
-        onPress={() => navigation.navigate('Details')}
-        title="Go to Details"
-      />
-      <Button
-        onPress={() => navigation.navigate('MyModal')}
-        title="Open Modal"
-      />
-    </View>
-  );
-}
-
-function DetailsScreen() {
-  return (
-    <View>
-      <Text>Details</Text>
-    </View>
-  );
-}
-
-function ModalScreen({ navigation }) {
-  return (
-    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Text style={{ fontSize: 30 }}>This is a modal!</Text>
-      <Button onPress={() => navigation.goBack()} title="Dismiss" />
-    </View>
-  );
-}
-
-const MainStack = createNativeStackNavigator();
-const RootStack = createStackNavigator();
-
-function MainStackScreen() {
-  return (
-    <MainStack.Navigator>
-      <MainStack.Screen name="Home" component={HomeScreen} />
-      <MainStack.Screen name="Details" component={DetailsScreen} />
-    </MainStack.Navigator>
-  );
-}
-
-function RootStackScreen() {
-  return (
-    <RootStack.Navigator>
-      <RootStack.Screen
-        name="Main"
-        component={MainStackScreen}
-        options={{ headerShown: false }}
-      />
-      <RootStack.Screen name="MyModal" component={ModalScreen} />
-    </RootStack.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <RootStackScreen />
-    </NavigationContainer>
-  );
-}
diff --git a/TestsExample/src/Test706.js b/TestsExample/src/Test706.js
deleted file mode 100644
index a0b761c4de..0000000000
--- a/TestsExample/src/Test706.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import React from 'react';
-import { Button, Text, ScrollView, View } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function HomeScreen({ navigation }) {
-  return (
-    <ScrollView>
-      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-        <Text style={{ fontSize: 24 }}>Home screen with a 'bold' title</Text>
-        <Button
-          onPress={() => navigation.navigate('Details')}
-          title="Go to Details"
-        />
-      </View>
-    </ScrollView>
-  );
-}
-
-function DetailsScreen() {
-  return (
-    <ScrollView>
-      <View>
-        <Text>Details screen with a 'light' title</Text>
-      </View>
-    </ScrollView>
-  );
-}
-
-const RootStack = createNativeStackNavigator();
-
-function RootStackScreen() {
-  return (
-    <RootStack.Navigator
-      screenOptions={{
-        headerTitleStyle: { fontWeight: '900' },
-        headerLargeTitle: true,
-        headerLargeTitleStyle: {
-          fontWeight: '900',
-        },
-      }}>
-      <RootStack.Screen name="Home" component={HomeScreen} />
-      <RootStack.Screen
-        name="Details"
-        component={DetailsScreen}
-        options={{
-          headerTitleStyle: { fontWeight: '100' },
-          headerLargeTitleStyle: {
-            fontWeight: '100',
-          },
-        }}
-      />
-    </RootStack.Navigator>
-  );
-}
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <RootStackScreen />
-    </NavigationContainer>
-  );
-}
diff --git a/TestsExample/src/Test713.js b/TestsExample/src/Test713.js
deleted file mode 100644
index 2c98bfb6d9..0000000000
--- a/TestsExample/src/Test713.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import { NavigationContainer, useNavigation } from '@react-navigation/native';
-import React, { useState } from 'react';
-import { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-const App = () => {
-  return (
-    <NavigationContainer>
-      <MyStack />
-    </NavigationContainer>
-  );
-};
-export default App;
-
-const Home = () => {
-  const navigation = useNavigation();
-  const [open, setOpen] = useState(false);
-
-  return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-      <Modal presentationStyle="pageSheet" animationType="slide" visible={open}>
-        <PinnedModalStack />
-      </Modal>
-      <TouchableWithoutFeedback
-        onPress={() => navigation.navigate('PinnedModal')}>
-        <Text>Go to pinned modal</Text>
-      </TouchableWithoutFeedback>
-      <TouchableWithoutFeedback onPress={() => setOpen(true)}>
-        <Text>open react native modal</Text>
-      </TouchableWithoutFeedback>
-    </View>
-  );
-};
-
-const { Navigator: PinnedModalNavigator, Screen: PinnedModalScreen } =
-  createNativeStackNavigator();
-
-const PinnedModalStack = ({ navigation }) => {
-  return (
-    <PinnedModalNavigator>
-      <PinnedModalScreen
-        listeners={{
-          transitionStart: () => console.log('START'),
-          transitionEnd: () => console.log('END'),
-          dismiss: () => console.log('DISMISS'),
-        }}
-        name="PinnedModalScreen"
-        component={ScreenWithPinnedBottom}
-        options={{
-          headerLeft: () => {
-            return (
-              <TouchableWithoutFeedback onPress={() => navigation.goBack()}>
-                <Text>close</Text>
-              </TouchableWithoutFeedback>
-            );
-          },
-        }}
-      />
-    </PinnedModalNavigator>
-  );
-};
-
-const ScreenWithPinnedBottom = () => {
-  const navigation = useNavigation();
-
-  return (
-    <View style={{ flex: 1, alignItems: 'center', top: 10 }}>
-      <Text>Pull header upwards on iOS 13 device or higher</Text>
-      <Text>
-        observe wobble and frame getting bigger (text is not longer centered){' '}
-      </Text>
-      <TouchableWithoutFeedback onPress={() => navigation.push('PinnedModal')}>
-        <Text>push another modal</Text>
-      </TouchableWithoutFeedback>
-
-      <View
-        style={{
-          position: 'absolute',
-          height: 500,
-          bottom: 0,
-          left: 0,
-          right: 0,
-          backgroundColor: 'blue',
-          alignItems: 'center',
-          justifyContent: 'center',
-        }}>
-        <Text>Wobble</Text>
-      </View>
-    </View>
-  );
-};
-
-const { Navigator: MainNavigator, Screen: MainScreen } =
-  createNativeStackNavigator();
-
-function MyStack() {
-  return (
-    <MainNavigator initialRouteName={'Home'}>
-      <MainScreen name="Home" component={Home} />
-      <MainScreen
-        name="PinnedModal"
-        component={PinnedModalStack}
-        options={{ presentation: 'modal' }}
-      />
-    </MainNavigator>
-  );
-}
diff --git a/TestsExample/src/Test761.tsx b/TestsExample/src/Test761.tsx
deleted file mode 100644
index 8484dd1a65..0000000000
--- a/TestsExample/src/Test761.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-// import {createStackNavigator} from '@react-navigation/stack';
-
-const Stack = createNativeStackNavigator();
-
-type SimpleStackParams = {
-  First: undefined;
-  Second: undefined;
-};
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          animation: 'simple_push',
-        }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<SimpleStackParams, 'First'>;
-}) {
-  return (
-    <View style={{ backgroundColor: 'red', flex: 1 }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<SimpleStackParams, 'Second'>;
-}) {
-  return (
-    <View style={{ backgroundColor: 'yellow', flex: 1 }}>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test779.tsx b/TestsExample/src/Test779.tsx
deleted file mode 100644
index 10f0b035f1..0000000000
--- a/TestsExample/src/Test779.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { Button, ScrollView, View, SafeAreaView } from 'react-native';
-import {
-  NavigationContainer,
-  NavigationProp,
-  ParamListBase,
-} from '@react-navigation/native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-function HomeScreen({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>;
-}) {
-  return (
-    <SafeAreaView>
-      <Button
-        onPress={() => {
-          navigation.navigate('Details');
-        }}
-        title="Go to details"
-      />
-    </SafeAreaView>
-  );
-}
-
-function DetailsScreen({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>;
-}) {
-  return (
-    <ScrollView style={{ backgroundColor: 'red' }}>
-      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-        <Button
-          onPress={() => {
-            navigation.goBack();
-          }}
-          title="Go back"
-        />
-        <Button
-          onPress={() => {
-            navigation.navigate('Profile');
-          }}
-          title="Go to profile"
-        />
-      </View>
-    </ScrollView>
-  );
-}
-
-function ProfileScreen({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>;
-}) {
-  return (
-    <ScrollView style={{ backgroundColor: 'blue' }}>
-      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-        <Button
-          onPress={() => {
-            navigation.goBack();
-          }}
-          title="Go back"
-        />
-      </View>
-    </ScrollView>
-  );
-}
-
-const RootStack = createNativeStackNavigator();
-
-function RootStackScreen() {
-  return (
-    <RootStack.Navigator
-      screenOptions={{
-        animation: 'slide_from_bottom',
-        gestureEnabled: false,
-        headerShown: false,
-      }}>
-      <RootStack.Screen name="Home" component={HomeScreen} />
-      <RootStack.Screen
-        name="Details"
-        component={DetailsScreen}
-        options={{ headerShown: true }}
-      />
-      <RootStack.Screen name="Profile" component={ProfileScreen} />
-    </RootStack.Navigator>
-  );
-}
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <RootStackScreen />
-    </NavigationContainer>
-  );
-}
diff --git a/TestsExample/src/Test780.tsx b/TestsExample/src/Test780.tsx
deleted file mode 100644
index 090f63b349..0000000000
--- a/TestsExample/src/Test780.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-import React, { useState } from 'react';
-import {
-  View,
-  Button,
-  Text,
-  ScrollView,
-  StyleSheet,
-  TouchableHighlight,
-} from 'react-native';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-// import {createStackNavigator} from '@react-navigation/stack';
-import {
-  NavigationContainer,
-  NavigationProp,
-  ParamListBase,
-} from '@react-navigation/native';
-
-const HomeScreen = ({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>;
-}) => (
-  <ScrollView>
-    <View style={styles.screen}>
-      <Button
-        onPress={() => navigation.navigate('modalScreen')}
-        title="Open modal"
-      />
-      <Button
-        onPress={() => navigation.navigate('nestedScreen')}
-        title="Open nested screen"
-      />
-    </View>
-  </ScrollView>
-);
-
-const ModalScreen = ({
-  navigation,
-}: {
-  navigation: NavigationProp<ParamListBase>;
-}) => (
-  <View style={styles.screen}>
-    <Button
-      onPress={() => navigation.navigate('modalNestedScreen')}
-      title="Open nested screen"
-    />
-  </View>
-);
-
-const NestedScreen = () => {
-  const [count, setCount] = useState(0);
-  return (
-    <View>
-      <TouchableHighlight
-        underlayColor="#DEDEDE"
-        style={styles.touchable}
-        onPress={() => setCount(count + 1)}>
-        <Text>{`Press count: ${count}`}</Text>
-      </TouchableHighlight>
-      <Text>
-        Change nested stacks to "normal" stack navigators to spot buggy behavior
-        in native-stack's modal if fix in RNGH (#1323) not applied
-      </Text>
-    </View>
-  );
-};
-
-const NestedStack = createNativeStackNavigator();
-
-const HomeStack = () => (
-  <NestedStack.Navigator>
-    <NestedStack.Screen name="home" component={HomeScreen} />
-    <NestedStack.Screen name="nestedScreen" component={NestedScreen} />
-  </NestedStack.Navigator>
-);
-
-const ModalStack = () => (
-  <NestedStack.Navigator>
-    <NestedStack.Screen name="modalScreen" component={ModalScreen} />
-    <NestedStack.Screen name="modalNestedScreen" component={NestedScreen} />
-  </NestedStack.Navigator>
-);
-
-const MainStack = createNativeStackNavigator();
-
-const App = () => {
-  return (
-    <NavigationContainer>
-      <MainStack.Navigator
-        screenOptions={{
-          presentation: 'modal',
-        }}>
-        <MainStack.Screen name="home" component={HomeStack} />
-        <MainStack.Screen name="modalScreen" component={ModalStack} />
-      </MainStack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-const styles = StyleSheet.create({
-  screen: {
-    flex: 1,
-    padding: 24,
-  },
-  touchable: {
-    padding: 24,
-  },
-});
-
-export default App;
diff --git a/TestsExample/src/Test791.tsx b/TestsExample/src/Test791.tsx
deleted file mode 100644
index 1367a0c74c..0000000000
--- a/TestsExample/src/Test791.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import React from 'react';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import { StyleSheet, Button, View, Text } from 'react-native';
-import {
-  createNativeStackNavigator,
-  NativeStackScreenProps,
-} from '@react-navigation/native-stack';
-
-const MainScreen = ({ navigation }: NativeStackScreenProps<ParamListBase>) => {
-  return (
-    <View style={styles.screen}>
-      <Button
-        onPress={() => {
-          navigation.push('Push');
-          setTimeout(() => navigation.push('Push'), 10);
-          setTimeout(() => navigation.push('Push'), 20);
-          setTimeout(() => navigation.push('Push'), 30);
-          setTimeout(() => navigation.push('Push'), 40);
-        }}
-        title="Click this button to see the crash if native changes not applied"
-      />
-      <Button
-        onPress={() => {
-          navigation.push('Modal');
-        }}
-        title="Push modal"
-      />
-      <Text>Issue 791</Text>
-    </View>
-  );
-};
-
-const PushScreen = ({ navigation }: NativeStackScreenProps<ParamListBase>) => (
-  <View style={styles.screen}>
-    <Button
-      onPress={() => {
-        navigation.push('Push');
-        setTimeout(() => navigation.push('Push'), 10);
-        setTimeout(() => navigation.push('Push'), 20);
-        setTimeout(() => navigation.push('Push'), 30);
-        setTimeout(() => navigation.push('Push'), 40);
-      }}
-      title="Click this button to see the crash if native changes not applied"
-    />
-    <Button
-      onPress={() => {
-        navigation.pop();
-        setTimeout(() => navigation.pop(), 10);
-        setTimeout(() => navigation.pop(), 20);
-      }}
-      title="Click this button to pop"
-    />
-  </View>
-);
-
-const Stack = createNativeStackNavigator();
-
-const App = () => (
-  <NavigationContainer>
-    <Stack.Navigator>
-      <Stack.Screen name="Main" component={MainScreen} />
-      <Stack.Screen name="Push" component={PushScreen} />
-      <Stack.Screen
-        name="Modal"
-        component={PushScreen}
-        options={{ presentation: 'modal' }}
-      />
-    </Stack.Navigator>
-  </NavigationContainer>
-);
-
-const styles = StyleSheet.create({
-  screen: {
-    ...StyleSheet.absoluteFillObject,
-    flex: 1,
-    paddingTop: 200,
-    alignItems: 'center',
-  },
-});
-
-export default App;
diff --git a/TestsExample/src/Test831.tsx b/TestsExample/src/Test831.tsx
deleted file mode 100644
index dfea229bd9..0000000000
--- a/TestsExample/src/Test831.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { Button, View, I18nManager } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const Stack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  React.useEffect(() => {
-    I18nManager.forceRTL(true);
-
-    return () => {
-      I18nManager.forceRTL(false);
-    };
-  }, []);
-
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={{ headerShown: false }}>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen name="Second" component={Second} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({ navigation }: Props) {
-  return (
-    <View style={{ flex: 1, justifyContent: 'center' }}>
-      <Button
-        title="Tap me for second screen"
-        onPress={() => navigation.navigate('Second')}
-      />
-    </View>
-  );
-}
-
-function Second({ navigation }: Props) {
-  return (
-    <View style={{ flex: 1, justifyContent: 'center' }}>
-      <Button
-        title="Tap me for first screen"
-        onPress={() => navigation.navigate('First')}
-      />
-    </View>
-  );
-}
diff --git a/TestsExample/src/Test844.tsx b/TestsExample/src/Test844.tsx
deleted file mode 100644
index b4692fcf3a..0000000000
--- a/TestsExample/src/Test844.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Text, View, Button, StyleSheet } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const defaultOptions = {
-  headerHideShadow: true,
-  headerTintColor: 'red',
-  headerStyle: {
-    backgroundColor: '#f0f0f0',
-  },
-  contentStyle: {
-    backgroundColor: '#f0f0f0',
-  },
-};
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-function Main({ navigation }: Props) {
-  const times = useRef(8);
-  const id = useRef<any>(0);
-
-  useEffect(() => {
-    id.current = setInterval(() => {
-      if (times.current) {
-        navigation.navigate('modal-stack');
-        setTimeout(() => navigation.goBack(), 500);
-        times.current--;
-      } else {
-        clearInterval(id.current);
-      }
-    }, 1500);
-    return () => clearInterval(id.current);
-  }, [navigation]);
-
-  return (
-    <View style={styles.container}>
-      <Button
-        title="modal"
-        onPress={() => navigation.navigate('modal-stack')}
-      />
-    </View>
-  );
-}
-
-const Modal = ({ navigation }: Props) => (
-  <View style={styles.container}>
-    <Button title="back" onPress={() => navigation.goBack()} />
-  </View>
-);
-
-const ModalStack = createNativeStackNavigator();
-
-const ModalNavigator = () => (
-  <ModalStack.Navigator
-    screenOptions={{ ...defaultOptions, headerTitle: 'modal' }}>
-    <ModalStack.Screen
-      name="modal"
-      component={Modal}
-      options={{
-        // eslint-disable-next-line react/display-name
-        headerLeft: () => <Text>cancel</Text>,
-      }}
-    />
-  </ModalStack.Navigator>
-);
-
-const Stack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator screenOptions={defaultOptions}>
-        <Stack.Screen
-          name="main"
-          component={Main}
-          options={{
-            headerShown: false,
-          }}
-        />
-        <Stack.Screen
-          name="modal-stack"
-          component={ModalNavigator}
-          options={{
-            headerShown: false,
-            presentation: 'containedModal',
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
diff --git a/TestsExample/src/Test852.tsx b/TestsExample/src/Test852.tsx
deleted file mode 100644
index 31a040b223..0000000000
--- a/TestsExample/src/Test852.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import * as React from 'react';
-import { Button, View } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-type Props = {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-};
-
-const Stack = createNativeStackNavigator();
-
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen
-          name="First"
-          component={First}
-          options={{
-            headerTitleStyle: {
-              fontWeight: '300',
-            },
-          }}
-        />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{
-            headerTitleStyle: {
-              fontWeight: '400',
-            },
-          }}
-        />
-        <Stack.Screen
-          name="Third"
-          component={Third}
-          options={{
-            headerTitleStyle: {
-              fontWeight: '700',
-            },
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-const First = ({ navigation }: Props) => (
-  <View style={{ flex: 1, justifyContent: 'center' }}>
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-  </View>
-);
-
-const Second = ({ navigation }: Props) => (
-  <View style={{ flex: 1, justifyContent: 'center' }}>
-    <Button
-      title="Tap me for third screen"
-      onPress={() => navigation.navigate('Third')}
-    />
-  </View>
-);
-
-const Third = ({ navigation }: Props) => (
-  <View style={{ flex: 1, justifyContent: 'center' }}>
-    <Button
-      title="Tap me for first screen"
-      onPress={() => navigation.navigate('First')}
-    />
-  </View>
-);
diff --git a/TestsExample/src/Test861.tsx b/TestsExample/src/Test861.tsx
deleted file mode 100644
index 4a8cc45ba1..0000000000
--- a/TestsExample/src/Test861.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import { Button, SafeAreaView } from 'react-native';
-
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-interface Props {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}
-
-const App = (): JSX.Element => {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen name="First" component={First} />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{
-            presentation: 'containedTransparentModal',
-            headerShown: false,
-          }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-const First = ({ navigation }: Props) => (
-  <SafeAreaView>
-    <Button
-      title="Go to second screen"
-      onPress={() => navigation.navigate('Second')}
-    />
-  </SafeAreaView>
-);
-
-const Second = ({ navigation }: Props) => (
-  <SafeAreaView style={{ flex: 1, justifyContent: 'center' }}>
-    <Button title="Go back" onPress={() => navigation.goBack()} />
-  </SafeAreaView>
-);
-
-export default App;
diff --git a/TestsExample/src/Test865.tsx b/TestsExample/src/Test865.tsx
deleted file mode 100644
index ab17cf3fa1..0000000000
--- a/TestsExample/src/Test865.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-import { View, Text, Button } from 'react-native';
-
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-const First = ({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) => (
-  <View style={{ flex: 1, justifyContent: 'center' }}>
-    <Text style={{ paddingBottom: 24, textAlign: 'center' }}>Screen 1</Text>
-    <Button
-      title="PUSH TO SCREEN 2"
-      onPress={() => navigation.push('Screen2')}
-    />
-  </View>
-);
-
-const Second = ({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) => (
-  <View style={{ flex: 1, justifyContent: 'center' }}>
-    <Text style={{ paddingBottom: 24, textAlign: 'center' }}>Screen 2</Text>
-    <Button
-      title="PUSH TO SCREEN 3"
-      onPress={() => navigation.push('Screen3')}
-    />
-  </View>
-);
-
-const Third = ({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) => (
-  <View style={{ flex: 1, justifyContent: 'center' }}>
-    <Text style={{ paddingBottom: 24, textAlign: 'center' }}>Screen 3</Text>
-    <Button
-      title="RESET TO SCREEN 1 WITH INDEX OF 0"
-      onPress={() =>
-        navigation.reset({
-          routes: [{ name: 'Screen1' }],
-          index: 0,
-        })
-      }
-    />
-  </View>
-);
-
-const App = () => {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator
-        screenOptions={{
-          animation: 'slide_from_right',
-        }}>
-        <Stack.Screen name="Screen1" component={First} />
-        <Stack.Screen name="Screen2" component={Second} />
-        <Stack.Screen name="Screen3" component={Third} />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-};
-
-export default App;
diff --git a/TestsExample/src/Test881.tsx b/TestsExample/src/Test881.tsx
deleted file mode 100644
index ee065c5e74..0000000000
--- a/TestsExample/src/Test881.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { View } from 'react-native';
-import { NavigationContainer } from '@react-navigation/native';
-
-const View1 = () => <View style={{ flex: 1, backgroundColor: 'red' }} />;
-const View2 = () => <View style={{ flex: 1, backgroundColor: 'blue' }} />;
-const View3 = () => <View style={{ flex: 1, backgroundColor: 'yellow' }} />;
-
-const Stack1 = createNativeStackNavigator();
-const Stack2 = createNativeStackNavigator();
-const Stack3 = createNativeStackNavigator();
-
-const Tab = createBottomTabNavigator();
-export default function App(): JSX.Element {
-  return (
-    <NavigationContainer>
-      <Tab.Navigator>
-        <Tab.Screen name="StackNav1" component={StackNav1} />
-        <Tab.Screen name="StackNav2" component={StackNav2} />
-        <Tab.Screen name="StackNav3" component={StackNav3} />
-      </Tab.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function StackNav1() {
-  return (
-    <Stack1.Navigator>
-      <Stack1.Screen name="View1" component={View1} />
-    </Stack1.Navigator>
-  );
-}
-
-function StackNav2() {
-  return (
-    <Stack2.Navigator>
-      <Stack2.Screen name="View2" component={View2} />
-    </Stack2.Navigator>
-  );
-}
-
-function StackNav3() {
-  return (
-    <Stack3.Navigator>
-      <Stack3.Screen name="View3" component={View3} />
-    </Stack3.Navigator>
-  );
-}
diff --git a/TestsExample/src/Test913.tsx b/TestsExample/src/Test913.tsx
deleted file mode 100644
index 8945c8b751..0000000000
--- a/TestsExample/src/Test913.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { NavigationContainer } from '@react-navigation/native';
-import { createStackNavigator } from '@react-navigation/stack';
-import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { View, Text } from 'react-native';
-
-const BottomTab = createBottomTabNavigator();
-const Tab1Stack = createStackNavigator();
-
-const CastScreen = () => (
-  <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-    <Text style={{ marginBottom: 20, textAlign: 'center' }}>
-      Add logging in `onDetachedFromWindow` in child Screen to see that method
-      triggered twice without the changes
-    </Text>
-    <Text style={{ position: 'absolute', bottom: 0, alignSelf: 'flex-end' }}>
-      ↓touch Tab2↓
-    </Text>
-  </View>
-);
-
-const Tab2Screen = () => <View />;
-
-const Tab1StackNavigator = () => (
-  <Tab1Stack.Navigator initialRouteName="CastScreen">
-    <Tab1Stack.Screen name="CastScreen" component={CastScreen} />
-  </Tab1Stack.Navigator>
-);
-
-const App = () => (
-  <NavigationContainer>
-    <BottomTab.Navigator initialRouteName="Tab1">
-      <BottomTab.Screen name="Tab1" component={Tab1StackNavigator} />
-      <BottomTab.Screen name="Tab2" component={Tab2Screen} />
-    </BottomTab.Navigator>
-  </NavigationContainer>
-);
-
-export default App;
diff --git a/TestsExample/src/Test999.tsx b/TestsExample/src/Test999.tsx
deleted file mode 100644
index f7a72ee9ab..0000000000
--- a/TestsExample/src/Test999.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { Button } from 'react-native';
-import { NavigationContainer, ParamListBase } from '@react-navigation/native';
-import {
-  createNativeStackNavigator,
-  NativeStackNavigationProp,
-} from '@react-navigation/native-stack';
-
-const Stack = createNativeStackNavigator();
-
-export default function App() {
-  return (
-    <NavigationContainer>
-      <Stack.Navigator>
-        <Stack.Screen
-          name="First"
-          component={First}
-          options={{ animationTypeForReplace: 'push' }}
-        />
-        <Stack.Screen
-          name="Second"
-          component={Second}
-          options={{ animationTypeForReplace: 'pop' }}
-        />
-      </Stack.Navigator>
-    </NavigationContainer>
-  );
-}
-
-function First({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.replace('Second')}
-    />
-  );
-}
-
-function Second({
-  navigation,
-}: {
-  navigation: NativeStackNavigationProp<ParamListBase>;
-}) {
-  return (
-    <Button
-      title="Tap me for second screen"
-      onPress={() => navigation.replace('First')}
-    />
-  );
-}
diff --git a/FabricTestExample/.eslintrc.js b/apps/test-examples/.eslintrc.js
similarity index 100%
rename from FabricTestExample/.eslintrc.js
rename to apps/test-examples/.eslintrc.js
diff --git a/FabricTestExample/.prettierrc.js b/apps/test-examples/.prettierrc.js
similarity index 100%
rename from FabricTestExample/.prettierrc.js
rename to apps/test-examples/.prettierrc.js
diff --git a/FabricTestExample/assets/backButton.png b/apps/test-examples/assets/backButton.png
similarity index 100%
rename from FabricTestExample/assets/backButton.png
rename to apps/test-examples/assets/backButton.png
diff --git a/FabricTestExample/assets/search_black.png b/apps/test-examples/assets/search_black.png
similarity index 100%
rename from FabricTestExample/assets/search_black.png
rename to apps/test-examples/assets/search_black.png
diff --git a/FabricTestExample/assets/search_white.png b/apps/test-examples/assets/search_white.png
similarity index 100%
rename from FabricTestExample/assets/search_white.png
rename to apps/test-examples/assets/search_white.png
diff --git a/apps/test-examples/index.js b/apps/test-examples/index.js
new file mode 100644
index 0000000000..8642fae629
--- /dev/null
+++ b/apps/test-examples/index.js
@@ -0,0 +1,3 @@
+import App from './src/App';
+
+export default App;
diff --git a/apps/test-examples/src/App.js b/apps/test-examples/src/App.js
new file mode 100644
index 0000000000..2d715f58a2
--- /dev/null
+++ b/apps/test-examples/src/App.js
@@ -0,0 +1,110 @@
+/* eslint-disable no-unused-vars */
+import React from 'react';
+
+import { enableFreeze } from 'react-native-screens';
+
+import Test42 from './Test42';
+import Test111 from './Test111';
+import Test263 from './Test263';
+import Test349 from './Test349';
+import Test364 from './Test364';
+import Test528 from './Test528';
+import Test550 from './Test550';
+import Test556 from './Test556';
+import Test564 from './Test564';
+import Test577 from './Test577';
+import Test593 from './Test593';
+import Test619 from './Test619';
+import Test624 from './Test624';
+import Test640 from './Test640';
+import Test642 from './Test642';
+import Test645 from './Test645';
+import Test648 from './Test648';
+import Test649 from './Test649';
+import Test654 from './Test654';
+import Test658 from './Test658';
+import Test662 from './Test662';
+import Test691 from './Test691';
+import Test702 from './Test702';
+import Test706 from './Test706';
+import Test713 from './Test713';
+import Test726 from './Test726';
+import Test748 from './Test748';
+import Test750 from './Test750';
+import Test758 from './Test758';
+import Test761 from './Test761';
+import Test779 from './Test779';
+import Test780 from './Test780';
+import Test791 from './Test791';
+import Test800 from './Test800';
+import Test817 from './Test817';
+import Test830 from './Test830';
+import Test831 from './Test831';
+import Test844 from './Test844';
+import Test852 from './Test852';
+import Test860 from './Test860';
+import Test861 from './Test861';
+import Test865 from './Test865';
+import Test881 from './Test881';
+import Test887 from './Test887';
+import Test898 from './Test898';
+import Test913 from './Test913';
+import Test999 from './Test999';
+import Test1017 from './Test1017';
+import Test1031 from './Test1031';
+import Test1032 from './Test1032';
+import Test1036 from './Test1036';
+import Test1072 from './Test1072';
+import Test1084 from './Test1084';
+import Test1091 from './Test1091';
+import Test1096 from './Test1096';
+import Test1097 from './Test1097';
+import Test1153 from './Test1153';
+import Test1157 from './Test1157';
+import Test1162 from './Test1162';
+import Test1166 from './Test1166';
+import Test1188 from './Test1188';
+import Test1190 from './Test1190';
+import TestFreeze from './TestFreeze';
+import Test1198 from './Test1198';
+import Test1204 from './Test1204';
+import Test1209 from './Test1209';
+import Test1213 from './Test1213';
+import Test1214 from './Test1214';
+import Test1227 from './Test1227';
+import Test1228 from './Test1228';
+import Test1259 from './Test1259';
+import Test1260 from './Test1260';
+import Test1296 from './Test1296';
+import Test1299 from './Test1299';
+import Test1391 from './Test1391';
+import Test1419 from './Test1419';
+import Test1463 from './Test1463';
+import Test1473 from './Test1473';
+import Test1476 from './Test1476';
+import Test1509 from './Test1509';
+import Test1539 from './Test1539';
+import Test1646 from './Test1646';
+import Test1649 from './Test1649';
+import Test1671 from './Test1671';
+import Test1683 from './Test1683';
+import Test1726 from './Test1726';
+import Test1791 from './Test1791';
+import Test1802 from './Test1802';
+import Test1829 from './Test1829';
+import Test1844 from './Test1844';
+import Test1864 from './Test1864';
+import Test1970 from './Test1970';
+import Test1981 from './Test1981';
+import Test2008 from './Test2008';
+import Test2028 from './Test2028';
+import Test2048 from './Test2048';
+import Test2069 from './Test2069';
+import Test2118 from './Test2118';
+import TestScreenAnimation from './TestScreenAnimation';
+
+enableFreeze(true);
+
+export default function App() {
+  return <Test42 />;
+}
diff --git a/FabricTestExample/src/Test1017.tsx b/apps/test-examples/src/Test1017.tsx
similarity index 100%
rename from FabricTestExample/src/Test1017.tsx
rename to apps/test-examples/src/Test1017.tsx
diff --git a/FabricTestExample/src/Test1031.tsx b/apps/test-examples/src/Test1031.tsx
similarity index 100%
rename from FabricTestExample/src/Test1031.tsx
rename to apps/test-examples/src/Test1031.tsx
diff --git a/TestsExample/src/Test1032.tsx b/apps/test-examples/src/Test1032.tsx
similarity index 100%
rename from TestsExample/src/Test1032.tsx
rename to apps/test-examples/src/Test1032.tsx
diff --git a/FabricTestExample/src/Test1036.tsx b/apps/test-examples/src/Test1036.tsx
similarity index 100%
rename from FabricTestExample/src/Test1036.tsx
rename to apps/test-examples/src/Test1036.tsx
diff --git a/TestsExample/src/Test1072.tsx b/apps/test-examples/src/Test1072.tsx
similarity index 100%
rename from TestsExample/src/Test1072.tsx
rename to apps/test-examples/src/Test1072.tsx
diff --git a/FabricTestExample/src/Test1084.tsx b/apps/test-examples/src/Test1084.tsx
similarity index 100%
rename from FabricTestExample/src/Test1084.tsx
rename to apps/test-examples/src/Test1084.tsx
diff --git a/FabricTestExample/src/Test1091.tsx b/apps/test-examples/src/Test1091.tsx
similarity index 100%
rename from FabricTestExample/src/Test1091.tsx
rename to apps/test-examples/src/Test1091.tsx
diff --git a/TestsExample/src/Test1096.tsx b/apps/test-examples/src/Test1096.tsx
similarity index 100%
rename from TestsExample/src/Test1096.tsx
rename to apps/test-examples/src/Test1096.tsx
diff --git a/TestsExample/src/Test1097.tsx b/apps/test-examples/src/Test1097.tsx
similarity index 100%
rename from TestsExample/src/Test1097.tsx
rename to apps/test-examples/src/Test1097.tsx
diff --git a/FabricTestExample/src/Test111.js b/apps/test-examples/src/Test111.js
similarity index 100%
rename from FabricTestExample/src/Test111.js
rename to apps/test-examples/src/Test111.js
diff --git a/FabricTestExample/src/Test1153.tsx b/apps/test-examples/src/Test1153.tsx
similarity index 100%
rename from FabricTestExample/src/Test1153.tsx
rename to apps/test-examples/src/Test1153.tsx
diff --git a/FabricTestExample/src/Test1157.tsx b/apps/test-examples/src/Test1157.tsx
similarity index 100%
rename from FabricTestExample/src/Test1157.tsx
rename to apps/test-examples/src/Test1157.tsx
diff --git a/TestsExample/src/Test1162.tsx b/apps/test-examples/src/Test1162.tsx
similarity index 100%
rename from TestsExample/src/Test1162.tsx
rename to apps/test-examples/src/Test1162.tsx
diff --git a/FabricTestExample/src/Test1166/AndroidDifferentScreenSearch.tsx b/apps/test-examples/src/Test1166/AndroidDifferentScreenSearch.tsx
similarity index 100%
rename from FabricTestExample/src/Test1166/AndroidDifferentScreenSearch.tsx
rename to apps/test-examples/src/Test1166/AndroidDifferentScreenSearch.tsx
diff --git a/FabricTestExample/src/Test1166/AndroidSearchBarCustomization.tsx b/apps/test-examples/src/Test1166/AndroidSearchBarCustomization.tsx
similarity index 100%
rename from FabricTestExample/src/Test1166/AndroidSearchBarCustomization.tsx
rename to apps/test-examples/src/Test1166/AndroidSearchBarCustomization.tsx
diff --git a/FabricTestExample/src/Test1166/AndroidSearchBarEvents.tsx b/apps/test-examples/src/Test1166/AndroidSearchBarEvents.tsx
similarity index 100%
rename from FabricTestExample/src/Test1166/AndroidSearchBarEvents.tsx
rename to apps/test-examples/src/Test1166/AndroidSearchBarEvents.tsx
diff --git a/FabricTestExample/src/Test1166/AndroidSearchTypes.tsx b/apps/test-examples/src/Test1166/AndroidSearchTypes.tsx
similarity index 100%
rename from FabricTestExample/src/Test1166/AndroidSearchTypes.tsx
rename to apps/test-examples/src/Test1166/AndroidSearchTypes.tsx
diff --git a/FabricTestExample/src/Test1166/index.tsx b/apps/test-examples/src/Test1166/index.tsx
similarity index 100%
rename from FabricTestExample/src/Test1166/index.tsx
rename to apps/test-examples/src/Test1166/index.tsx
diff --git a/FabricTestExample/src/Test1188.tsx b/apps/test-examples/src/Test1188.tsx
similarity index 100%
rename from FabricTestExample/src/Test1188.tsx
rename to apps/test-examples/src/Test1188.tsx
diff --git a/FabricTestExample/src/Test1190.tsx b/apps/test-examples/src/Test1190.tsx
similarity index 100%
rename from FabricTestExample/src/Test1190.tsx
rename to apps/test-examples/src/Test1190.tsx
diff --git a/FabricTestExample/src/Test1198.tsx b/apps/test-examples/src/Test1198.tsx
similarity index 100%
rename from FabricTestExample/src/Test1198.tsx
rename to apps/test-examples/src/Test1198.tsx
diff --git a/FabricTestExample/src/Test1204.tsx b/apps/test-examples/src/Test1204.tsx
similarity index 100%
rename from FabricTestExample/src/Test1204.tsx
rename to apps/test-examples/src/Test1204.tsx
diff --git a/TestsExample/src/Test1209.tsx b/apps/test-examples/src/Test1209.tsx
similarity index 100%
rename from TestsExample/src/Test1209.tsx
rename to apps/test-examples/src/Test1209.tsx
diff --git a/FabricTestExample/src/Test1213.tsx b/apps/test-examples/src/Test1213.tsx
similarity index 100%
rename from FabricTestExample/src/Test1213.tsx
rename to apps/test-examples/src/Test1213.tsx
diff --git a/TestsExample/src/Test1214.tsx b/apps/test-examples/src/Test1214.tsx
similarity index 100%
rename from TestsExample/src/Test1214.tsx
rename to apps/test-examples/src/Test1214.tsx
diff --git a/FabricTestExample/src/Test1227.tsx b/apps/test-examples/src/Test1227.tsx
similarity index 100%
rename from FabricTestExample/src/Test1227.tsx
rename to apps/test-examples/src/Test1227.tsx
diff --git a/FabricTestExample/src/Test1228.tsx b/apps/test-examples/src/Test1228.tsx
similarity index 100%
rename from FabricTestExample/src/Test1228.tsx
rename to apps/test-examples/src/Test1228.tsx
diff --git a/FabricTestExample/src/Test1259.tsx b/apps/test-examples/src/Test1259.tsx
similarity index 100%
rename from FabricTestExample/src/Test1259.tsx
rename to apps/test-examples/src/Test1259.tsx
diff --git a/TestsExample/src/Test1260.tsx b/apps/test-examples/src/Test1260.tsx
similarity index 100%
rename from TestsExample/src/Test1260.tsx
rename to apps/test-examples/src/Test1260.tsx
diff --git a/FabricTestExample/src/Test1296.tsx b/apps/test-examples/src/Test1296.tsx
similarity index 100%
rename from FabricTestExample/src/Test1296.tsx
rename to apps/test-examples/src/Test1296.tsx
diff --git a/FabricTestExample/src/Test1299.tsx b/apps/test-examples/src/Test1299.tsx
similarity index 100%
rename from FabricTestExample/src/Test1299.tsx
rename to apps/test-examples/src/Test1299.tsx
diff --git a/TestsExample/src/Test1391.tsx b/apps/test-examples/src/Test1391.tsx
similarity index 100%
rename from TestsExample/src/Test1391.tsx
rename to apps/test-examples/src/Test1391.tsx
diff --git a/FabricTestExample/src/Test1419.tsx b/apps/test-examples/src/Test1419.tsx
similarity index 100%
rename from FabricTestExample/src/Test1419.tsx
rename to apps/test-examples/src/Test1419.tsx
diff --git a/FabricTestExample/src/Test1463.tsx b/apps/test-examples/src/Test1463.tsx
similarity index 100%
rename from FabricTestExample/src/Test1463.tsx
rename to apps/test-examples/src/Test1463.tsx
diff --git a/FabricTestExample/src/Test1473.tsx b/apps/test-examples/src/Test1473.tsx
similarity index 100%
rename from FabricTestExample/src/Test1473.tsx
rename to apps/test-examples/src/Test1473.tsx
diff --git a/TestsExample/src/Test1476.tsx b/apps/test-examples/src/Test1476.tsx
similarity index 100%
rename from TestsExample/src/Test1476.tsx
rename to apps/test-examples/src/Test1476.tsx
diff --git a/TestsExample/src/Test1509.tsx b/apps/test-examples/src/Test1509.tsx
similarity index 100%
rename from TestsExample/src/Test1509.tsx
rename to apps/test-examples/src/Test1509.tsx
diff --git a/TestsExample/src/Test1539.tsx b/apps/test-examples/src/Test1539.tsx
similarity index 100%
rename from TestsExample/src/Test1539.tsx
rename to apps/test-examples/src/Test1539.tsx
diff --git a/TestsExample/src/Test1646.tsx b/apps/test-examples/src/Test1646.tsx
similarity index 100%
rename from TestsExample/src/Test1646.tsx
rename to apps/test-examples/src/Test1646.tsx
diff --git a/FabricTestExample/src/Test1649.tsx b/apps/test-examples/src/Test1649.tsx
similarity index 100%
rename from FabricTestExample/src/Test1649.tsx
rename to apps/test-examples/src/Test1649.tsx
diff --git a/FabricTestExample/src/Test1671.tsx b/apps/test-examples/src/Test1671.tsx
similarity index 100%
rename from FabricTestExample/src/Test1671.tsx
rename to apps/test-examples/src/Test1671.tsx
diff --git a/TestsExample/src/Test1683.tsx b/apps/test-examples/src/Test1683.tsx
similarity index 100%
rename from TestsExample/src/Test1683.tsx
rename to apps/test-examples/src/Test1683.tsx
diff --git a/FabricTestExample/src/Test1726.tsx b/apps/test-examples/src/Test1726.tsx
similarity index 100%
rename from FabricTestExample/src/Test1726.tsx
rename to apps/test-examples/src/Test1726.tsx
diff --git a/TestsExample/src/Test1791.tsx b/apps/test-examples/src/Test1791.tsx
similarity index 100%
rename from TestsExample/src/Test1791.tsx
rename to apps/test-examples/src/Test1791.tsx
diff --git a/TestsExample/src/Test1802.tsx b/apps/test-examples/src/Test1802.tsx
similarity index 100%
rename from TestsExample/src/Test1802.tsx
rename to apps/test-examples/src/Test1802.tsx
diff --git a/FabricTestExample/src/Test1829/index.tsx b/apps/test-examples/src/Test1829/index.tsx
similarity index 100%
rename from FabricTestExample/src/Test1829/index.tsx
rename to apps/test-examples/src/Test1829/index.tsx
diff --git a/FabricTestExample/src/Test1829/navigation/Stacks.tsx b/apps/test-examples/src/Test1829/navigation/Stacks.tsx
similarity index 100%
rename from FabricTestExample/src/Test1829/navigation/Stacks.tsx
rename to apps/test-examples/src/Test1829/navigation/Stacks.tsx
diff --git a/FabricTestExample/src/Test1829/screens/CardView.tsx b/apps/test-examples/src/Test1829/screens/CardView.tsx
similarity index 100%
rename from FabricTestExample/src/Test1829/screens/CardView.tsx
rename to apps/test-examples/src/Test1829/screens/CardView.tsx
diff --git a/FabricTestExample/src/Test1829/screens/HomeView.tsx b/apps/test-examples/src/Test1829/screens/HomeView.tsx
similarity index 100%
rename from FabricTestExample/src/Test1829/screens/HomeView.tsx
rename to apps/test-examples/src/Test1829/screens/HomeView.tsx
diff --git a/FabricTestExample/src/Test1829/screens/InnerModal.tsx b/apps/test-examples/src/Test1829/screens/InnerModal.tsx
similarity index 100%
rename from FabricTestExample/src/Test1829/screens/InnerModal.tsx
rename to apps/test-examples/src/Test1829/screens/InnerModal.tsx
diff --git a/FabricTestExample/src/Test1829/screens/InnerView.tsx b/apps/test-examples/src/Test1829/screens/InnerView.tsx
similarity index 100%
rename from FabricTestExample/src/Test1829/screens/InnerView.tsx
rename to apps/test-examples/src/Test1829/screens/InnerView.tsx
diff --git a/FabricTestExample/src/Test1829/screens/ModalView.tsx b/apps/test-examples/src/Test1829/screens/ModalView.tsx
similarity index 100%
rename from FabricTestExample/src/Test1829/screens/ModalView.tsx
rename to apps/test-examples/src/Test1829/screens/ModalView.tsx
diff --git a/TestsExample/src/Test1844.tsx b/apps/test-examples/src/Test1844.tsx
similarity index 100%
rename from TestsExample/src/Test1844.tsx
rename to apps/test-examples/src/Test1844.tsx
diff --git a/FabricTestExample/src/Test1864.tsx b/apps/test-examples/src/Test1864.tsx
similarity index 100%
rename from FabricTestExample/src/Test1864.tsx
rename to apps/test-examples/src/Test1864.tsx
diff --git a/FabricTestExample/src/Test1970.jsx b/apps/test-examples/src/Test1970.jsx
similarity index 100%
rename from FabricTestExample/src/Test1970.jsx
rename to apps/test-examples/src/Test1970.jsx
diff --git a/FabricTestExample/src/Test1981.tsx b/apps/test-examples/src/Test1981.tsx
similarity index 100%
rename from FabricTestExample/src/Test1981.tsx
rename to apps/test-examples/src/Test1981.tsx
diff --git a/FabricTestExample/src/Test2008.tsx b/apps/test-examples/src/Test2008.tsx
similarity index 100%
rename from FabricTestExample/src/Test2008.tsx
rename to apps/test-examples/src/Test2008.tsx
diff --git a/FabricTestExample/src/Test2028.tsx b/apps/test-examples/src/Test2028.tsx
similarity index 100%
rename from FabricTestExample/src/Test2028.tsx
rename to apps/test-examples/src/Test2028.tsx
diff --git a/FabricTestExample/src/Test2048.tsx b/apps/test-examples/src/Test2048.tsx
similarity index 100%
rename from FabricTestExample/src/Test2048.tsx
rename to apps/test-examples/src/Test2048.tsx
diff --git a/FabricTestExample/src/Test2069.tsx b/apps/test-examples/src/Test2069.tsx
similarity index 100%
rename from FabricTestExample/src/Test2069.tsx
rename to apps/test-examples/src/Test2069.tsx
diff --git a/FabricTestExample/src/Test2118.tsx b/apps/test-examples/src/Test2118.tsx
similarity index 100%
rename from FabricTestExample/src/Test2118.tsx
rename to apps/test-examples/src/Test2118.tsx
diff --git a/FabricTestExample/src/Test263.js b/apps/test-examples/src/Test263.js
similarity index 100%
rename from FabricTestExample/src/Test263.js
rename to apps/test-examples/src/Test263.js
diff --git a/FabricTestExample/src/Test349.js b/apps/test-examples/src/Test349.js
similarity index 100%
rename from FabricTestExample/src/Test349.js
rename to apps/test-examples/src/Test349.js
diff --git a/TestsExample/src/Test364.js b/apps/test-examples/src/Test364.js
similarity index 100%
rename from TestsExample/src/Test364.js
rename to apps/test-examples/src/Test364.js
diff --git a/TestsExample/src/Test42.tsx b/apps/test-examples/src/Test42.tsx
similarity index 100%
rename from TestsExample/src/Test42.tsx
rename to apps/test-examples/src/Test42.tsx
diff --git a/FabricTestExample/src/Test528.js b/apps/test-examples/src/Test528.js
similarity index 100%
rename from FabricTestExample/src/Test528.js
rename to apps/test-examples/src/Test528.js
diff --git a/FabricTestExample/src/Test550.js b/apps/test-examples/src/Test550.js
similarity index 100%
rename from FabricTestExample/src/Test550.js
rename to apps/test-examples/src/Test550.js
diff --git a/TestsExample/src/Test556.js b/apps/test-examples/src/Test556.js
similarity index 100%
rename from TestsExample/src/Test556.js
rename to apps/test-examples/src/Test556.js
diff --git a/FabricTestExample/src/Test564.js b/apps/test-examples/src/Test564.js
similarity index 100%
rename from FabricTestExample/src/Test564.js
rename to apps/test-examples/src/Test564.js
diff --git a/FabricTestExample/src/Test577.js b/apps/test-examples/src/Test577.js
similarity index 100%
rename from FabricTestExample/src/Test577.js
rename to apps/test-examples/src/Test577.js
diff --git a/FabricTestExample/src/Test593.tsx b/apps/test-examples/src/Test593.tsx
similarity index 100%
rename from FabricTestExample/src/Test593.tsx
rename to apps/test-examples/src/Test593.tsx
diff --git a/FabricTestExample/src/Test619.js b/apps/test-examples/src/Test619.js
similarity index 100%
rename from FabricTestExample/src/Test619.js
rename to apps/test-examples/src/Test619.js
diff --git a/TestsExample/src/Test624.js b/apps/test-examples/src/Test624.js
similarity index 100%
rename from TestsExample/src/Test624.js
rename to apps/test-examples/src/Test624.js
diff --git a/FabricTestExample/src/Test640.js b/apps/test-examples/src/Test640.js
similarity index 100%
rename from FabricTestExample/src/Test640.js
rename to apps/test-examples/src/Test640.js
diff --git a/TestsExample/src/Test642.tsx b/apps/test-examples/src/Test642.tsx
similarity index 100%
rename from TestsExample/src/Test642.tsx
rename to apps/test-examples/src/Test642.tsx
diff --git a/TestsExample/src/Test645.js b/apps/test-examples/src/Test645.js
similarity index 100%
rename from TestsExample/src/Test645.js
rename to apps/test-examples/src/Test645.js
diff --git a/FabricTestExample/src/Test648.js b/apps/test-examples/src/Test648.js
similarity index 100%
rename from FabricTestExample/src/Test648.js
rename to apps/test-examples/src/Test648.js
diff --git a/FabricTestExample/src/Test649.js b/apps/test-examples/src/Test649.js
similarity index 100%
rename from FabricTestExample/src/Test649.js
rename to apps/test-examples/src/Test649.js
diff --git a/FabricTestExample/src/Test654.js b/apps/test-examples/src/Test654.js
similarity index 100%
rename from FabricTestExample/src/Test654.js
rename to apps/test-examples/src/Test654.js
diff --git a/FabricTestExample/src/Test658.js b/apps/test-examples/src/Test658.js
similarity index 100%
rename from FabricTestExample/src/Test658.js
rename to apps/test-examples/src/Test658.js
diff --git a/TestsExample/src/Test662.tsx b/apps/test-examples/src/Test662.tsx
similarity index 100%
rename from TestsExample/src/Test662.tsx
rename to apps/test-examples/src/Test662.tsx
diff --git a/FabricTestExample/src/Test691.js b/apps/test-examples/src/Test691.js
similarity index 100%
rename from FabricTestExample/src/Test691.js
rename to apps/test-examples/src/Test691.js
diff --git a/FabricTestExample/src/Test702.js b/apps/test-examples/src/Test702.js
similarity index 100%
rename from FabricTestExample/src/Test702.js
rename to apps/test-examples/src/Test702.js
diff --git a/FabricTestExample/src/Test706.js b/apps/test-examples/src/Test706.js
similarity index 100%
rename from FabricTestExample/src/Test706.js
rename to apps/test-examples/src/Test706.js
diff --git a/FabricTestExample/src/Test713.js b/apps/test-examples/src/Test713.js
similarity index 100%
rename from FabricTestExample/src/Test713.js
rename to apps/test-examples/src/Test713.js
diff --git a/TestsExample/src/Test726.js b/apps/test-examples/src/Test726.js
similarity index 100%
rename from TestsExample/src/Test726.js
rename to apps/test-examples/src/Test726.js
diff --git a/TestsExample/src/Test748.tsx b/apps/test-examples/src/Test748.tsx
similarity index 100%
rename from TestsExample/src/Test748.tsx
rename to apps/test-examples/src/Test748.tsx
diff --git a/TestsExample/src/Test750.js b/apps/test-examples/src/Test750.js
similarity index 100%
rename from TestsExample/src/Test750.js
rename to apps/test-examples/src/Test750.js
diff --git a/TestsExample/src/Test758.tsx b/apps/test-examples/src/Test758.tsx
similarity index 100%
rename from TestsExample/src/Test758.tsx
rename to apps/test-examples/src/Test758.tsx
diff --git a/FabricTestExample/src/Test761.tsx b/apps/test-examples/src/Test761.tsx
similarity index 100%
rename from FabricTestExample/src/Test761.tsx
rename to apps/test-examples/src/Test761.tsx
diff --git a/FabricTestExample/src/Test779.tsx b/apps/test-examples/src/Test779.tsx
similarity index 100%
rename from FabricTestExample/src/Test779.tsx
rename to apps/test-examples/src/Test779.tsx
diff --git a/FabricTestExample/src/Test780.tsx b/apps/test-examples/src/Test780.tsx
similarity index 100%
rename from FabricTestExample/src/Test780.tsx
rename to apps/test-examples/src/Test780.tsx
diff --git a/FabricTestExample/src/Test791.tsx b/apps/test-examples/src/Test791.tsx
similarity index 100%
rename from FabricTestExample/src/Test791.tsx
rename to apps/test-examples/src/Test791.tsx
diff --git a/TestsExample/src/Test800.tsx b/apps/test-examples/src/Test800.tsx
similarity index 100%
rename from TestsExample/src/Test800.tsx
rename to apps/test-examples/src/Test800.tsx
diff --git a/TestsExample/src/Test817.tsx b/apps/test-examples/src/Test817.tsx
similarity index 100%
rename from TestsExample/src/Test817.tsx
rename to apps/test-examples/src/Test817.tsx
diff --git a/TestsExample/src/Test830.tsx b/apps/test-examples/src/Test830.tsx
similarity index 100%
rename from TestsExample/src/Test830.tsx
rename to apps/test-examples/src/Test830.tsx
diff --git a/FabricTestExample/src/Test831.tsx b/apps/test-examples/src/Test831.tsx
similarity index 100%
rename from FabricTestExample/src/Test831.tsx
rename to apps/test-examples/src/Test831.tsx
diff --git a/FabricTestExample/src/Test844.tsx b/apps/test-examples/src/Test844.tsx
similarity index 100%
rename from FabricTestExample/src/Test844.tsx
rename to apps/test-examples/src/Test844.tsx
diff --git a/FabricTestExample/src/Test852.tsx b/apps/test-examples/src/Test852.tsx
similarity index 100%
rename from FabricTestExample/src/Test852.tsx
rename to apps/test-examples/src/Test852.tsx
diff --git a/TestsExample/src/Test860.tsx b/apps/test-examples/src/Test860.tsx
similarity index 100%
rename from TestsExample/src/Test860.tsx
rename to apps/test-examples/src/Test860.tsx
diff --git a/FabricTestExample/src/Test861.tsx b/apps/test-examples/src/Test861.tsx
similarity index 100%
rename from FabricTestExample/src/Test861.tsx
rename to apps/test-examples/src/Test861.tsx
diff --git a/FabricTestExample/src/Test865.tsx b/apps/test-examples/src/Test865.tsx
similarity index 100%
rename from FabricTestExample/src/Test865.tsx
rename to apps/test-examples/src/Test865.tsx
diff --git a/FabricTestExample/src/Test881.tsx b/apps/test-examples/src/Test881.tsx
similarity index 100%
rename from FabricTestExample/src/Test881.tsx
rename to apps/test-examples/src/Test881.tsx
diff --git a/TestsExample/src/Test887.tsx b/apps/test-examples/src/Test887.tsx
similarity index 100%
rename from TestsExample/src/Test887.tsx
rename to apps/test-examples/src/Test887.tsx
diff --git a/TestsExample/src/Test898.tsx b/apps/test-examples/src/Test898.tsx
similarity index 100%
rename from TestsExample/src/Test898.tsx
rename to apps/test-examples/src/Test898.tsx
diff --git a/FabricTestExample/src/Test913.tsx b/apps/test-examples/src/Test913.tsx
similarity index 100%
rename from FabricTestExample/src/Test913.tsx
rename to apps/test-examples/src/Test913.tsx
diff --git a/FabricTestExample/src/Test999.tsx b/apps/test-examples/src/Test999.tsx
similarity index 100%
rename from FabricTestExample/src/Test999.tsx
rename to apps/test-examples/src/Test999.tsx
diff --git a/TestsExample/src/TestFreeze.tsx b/apps/test-examples/src/TestFreeze.tsx
similarity index 100%
rename from TestsExample/src/TestFreeze.tsx
rename to apps/test-examples/src/TestFreeze.tsx
diff --git a/FabricTestExample/src/TestScreenAnimation.tsx b/apps/test-examples/src/TestScreenAnimation.tsx
similarity index 100%
rename from FabricTestExample/src/TestScreenAnimation.tsx
rename to apps/test-examples/src/TestScreenAnimation.tsx
diff --git a/TestsExample/tsconfig.json b/apps/test-examples/tsconfig.json
similarity index 100%
rename from TestsExample/tsconfig.json
rename to apps/test-examples/tsconfig.json