From c9f5d4c0c900e76f3518506e6fc4e184eeb5c236 Mon Sep 17 00:00:00 2001
From: alduzy <alduzy@gmail.com>
Date: Wed, 17 Jul 2024 15:39:42 +0200
Subject: [PATCH 1/6] Copy prettier configs

---
 FabricExample/.prettierrc.js | 3 +--
 FabricExample/index.js       | 4 ++--
 TVOSExample/index.js         | 8 ++------
 apps/App.tsx                 | 2 +-
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/FabricExample/.prettierrc.js b/FabricExample/.prettierrc.js
index 2b540746a7..50bff15e6c 100644
--- a/FabricExample/.prettierrc.js
+++ b/FabricExample/.prettierrc.js
@@ -1,7 +1,6 @@
 module.exports = {
   arrowParens: 'avoid',
   bracketSameLine: true,
-  bracketSpacing: false,
   singleQuote: true,
-  trailingComma: 'all',
+  jsxBracketSameLine: true,
 };
diff --git a/FabricExample/index.js b/FabricExample/index.js
index 7cd584caf0..ab0ecbf4f8 100644
--- a/FabricExample/index.js
+++ b/FabricExample/index.js
@@ -1,5 +1,5 @@
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 import App from './App';
-import {name as appName} from './app.json';
+import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);
diff --git a/TVOSExample/index.js b/TVOSExample/index.js
index a850d031de..ab0ecbf4f8 100644
--- a/TVOSExample/index.js
+++ b/TVOSExample/index.js
@@ -1,9 +1,5 @@
-/**
- * @format
- */
-
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 import App from './App';
-import {name as appName} from './app.json';
+import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);
diff --git a/apps/App.tsx b/apps/App.tsx
index f0a2e8ad76..23a9af9c45 100644
--- a/apps/App.tsx
+++ b/apps/App.tsx
@@ -7,5 +7,5 @@ enableFreeze(true);
 
 export default function App() {
   return <Example />;
-  // return <Test.Test42 />
+  // return <Test.Test42 />;
 }

From 3e06990a4900c256bf327e88d81566609ed029ab Mon Sep 17 00:00:00 2001
From: alduzy <alduzy@gmail.com>
Date: Wed, 17 Jul 2024 15:40:05 +0200
Subject: [PATCH 2/6] fix example eslint syntax

---
 Example/.eslintrc.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Example/.eslintrc.js b/Example/.eslintrc.js
index 15cca67849..187894b6af 100644
--- a/Example/.eslintrc.js
+++ b/Example/.eslintrc.js
@@ -1,4 +1,4 @@
-module.export = {
+module.exports = {
   root: true,
   extends: '@react-native',
 };

From 41c8f40252e5ba21eebe78def500a76c9c6c0a17 Mon Sep 17 00:00:00 2001
From: alduzy <alduzy@gmail.com>
Date: Wed, 17 Jul 2024 15:41:24 +0200
Subject: [PATCH 3/6] removed root prettier overrides

---
 Example/.prettierrc.js       | 6 ------
 FabricExample/.prettierrc.js | 6 ------
 TVOSExample/.prettierrc.js   | 6 ------
 apps/.prettierrc.js          | 6 ------
 4 files changed, 24 deletions(-)
 delete mode 100644 Example/.prettierrc.js
 delete mode 100644 FabricExample/.prettierrc.js
 delete mode 100644 TVOSExample/.prettierrc.js
 delete mode 100644 apps/.prettierrc.js

diff --git a/Example/.prettierrc.js b/Example/.prettierrc.js
deleted file mode 100644
index 50bff15e6c..0000000000
--- a/Example/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  arrowParens: 'avoid',
-  bracketSameLine: true,
-  singleQuote: true,
-  jsxBracketSameLine: true,
-};
diff --git a/FabricExample/.prettierrc.js b/FabricExample/.prettierrc.js
deleted file mode 100644
index 50bff15e6c..0000000000
--- a/FabricExample/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  arrowParens: 'avoid',
-  bracketSameLine: true,
-  singleQuote: true,
-  jsxBracketSameLine: true,
-};
diff --git a/TVOSExample/.prettierrc.js b/TVOSExample/.prettierrc.js
deleted file mode 100644
index 50bff15e6c..0000000000
--- a/TVOSExample/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  arrowParens: 'avoid',
-  bracketSameLine: true,
-  singleQuote: true,
-  jsxBracketSameLine: true,
-};
diff --git a/apps/.prettierrc.js b/apps/.prettierrc.js
deleted file mode 100644
index 50bff15e6c..0000000000
--- a/apps/.prettierrc.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  arrowParens: 'avoid',
-  bracketSameLine: true,
-  singleQuote: true,
-  jsxBracketSameLine: true,
-};

From a9e0e09ee93f20dcf5a21a21894c2129a0dc3757 Mon Sep 17 00:00:00 2001
From: alduzy <alduzy@gmail.com>
Date: Wed, 17 Jul 2024 15:50:02 +0200
Subject: [PATCH 4/6] Format files with prettier

---
 apps/src/screens/Gestures.tsx          |  4 +++-
 apps/src/screens/HeaderOptions.tsx     |  4 +++-
 apps/src/shared/SettingsMultiInput.tsx |  5 +++-
 apps/src/shared/Square.tsx             |  5 +++-
 apps/src/tests/Test1072.tsx            |  2 +-
 apps/src/tests/Test1209.tsx            |  2 +-
 apps/src/tests/Test1296.tsx            |  2 +-
 apps/src/tests/Test1463.tsx            |  2 +-
 apps/src/tests/Test1476.tsx            |  6 ++---
 apps/src/tests/Test1539.tsx            |  2 +-
 apps/src/tests/Test1645.js             | 20 ++++++++--------
 apps/src/tests/Test1802.tsx            |  2 +-
 apps/src/tests/Test1844.tsx            |  2 +-
 apps/src/tests/Test1981.tsx            | 11 +++++++--
 apps/src/tests/Test2028.tsx            |  1 -
 apps/src/tests/Test2223.tsx            |  1 -
 apps/src/tests/Test2227.tsx            | 12 +++++-----
 apps/src/tests/Test263.js              |  2 +-
 apps/src/tests/Test432.tsx             |  2 +-
 apps/src/tests/Test593.tsx             | 32 +++++++++++++-------------
 apps/src/tests/Test645.js              |  5 +++-
 apps/src/tests/Test860.tsx             |  8 +++----
 apps/src/tests/Test887.tsx             |  6 ++---
 apps/src/tests/Test898.tsx             | 14 +++++------
 apps/src/tests/TestHeader.tsx          | 31 +++++++++++++++++++++----
 apps/src/tests/TestScreenAnimation.tsx | 17 ++++++++------
 26 files changed, 121 insertions(+), 79 deletions(-)

diff --git a/apps/src/screens/Gestures.tsx b/apps/src/screens/Gestures.tsx
index be785c35c0..4e7cd4d96e 100644
--- a/apps/src/screens/Gestures.tsx
+++ b/apps/src/screens/Gestures.tsx
@@ -46,7 +46,9 @@ interface DetailsScreenProps {
   navigation: NativeStackNavigationProp<StackParamList, 'Details'>;
 }
 
-const DetailsScreen = ({ navigation }: DetailsScreenProps): React.JSX.Element => {
+const DetailsScreen = ({
+  navigation,
+}: DetailsScreenProps): React.JSX.Element => {
   const headerHeight = useHeaderHeight();
   const [gestureEnabled, setGestureEnabled] = useState(true);
   const [fullScreenGestureEnabled, setFullScreenGestureEnabled] =
diff --git a/apps/src/screens/HeaderOptions.tsx b/apps/src/screens/HeaderOptions.tsx
index afabf73f48..d07305a0ee 100644
--- a/apps/src/screens/HeaderOptions.tsx
+++ b/apps/src/screens/HeaderOptions.tsx
@@ -47,7 +47,9 @@ interface SettingsScreenProps {
   navigation: NativeStackNavigationProp<StackParamList, 'Settings'>;
 }
 
-const SettingsScreen = ({ navigation }: SettingsScreenProps): React.JSX.Element => {
+const SettingsScreen = ({
+  navigation,
+}: SettingsScreenProps): React.JSX.Element => {
   const toast = useToast();
 
   const [headerTitle, setHeaderTitle] = useState('Settings');
diff --git a/apps/src/shared/SettingsMultiInput.tsx b/apps/src/shared/SettingsMultiInput.tsx
index 8936f32d01..b1368e88fe 100644
--- a/apps/src/shared/SettingsMultiInput.tsx
+++ b/apps/src/shared/SettingsMultiInput.tsx
@@ -10,7 +10,10 @@ type Props = {
   }[];
 };
 
-export function SettingsMultiInput({ label, handlers }: Props): React.JSX.Element {
+export function SettingsMultiInput({
+  label,
+  handlers,
+}: Props): React.JSX.Element {
   return (
     <Pressable>
       <View style={styles.container}>
diff --git a/apps/src/shared/Square.tsx b/apps/src/shared/Square.tsx
index 246eda36a6..480c1d740e 100644
--- a/apps/src/shared/Square.tsx
+++ b/apps/src/shared/Square.tsx
@@ -6,6 +6,9 @@ interface Props {
   size?: number;
 }
 
-export const Square = ({ size = 100, color = 'red' }: Props): React.JSX.Element => (
+export const Square = ({
+  size = 100,
+  color = 'red',
+}: Props): React.JSX.Element => (
   <View style={{ width: size, height: size, backgroundColor: color }} />
 );
diff --git a/apps/src/tests/Test1072.tsx b/apps/src/tests/Test1072.tsx
index f6a3b1403c..3499db7f7f 100644
--- a/apps/src/tests/Test1072.tsx
+++ b/apps/src/tests/Test1072.tsx
@@ -80,7 +80,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number,
+  height: number
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1209.tsx b/apps/src/tests/Test1209.tsx
index cdfd981899..315170123e 100644
--- a/apps/src/tests/Test1209.tsx
+++ b/apps/src/tests/Test1209.tsx
@@ -88,7 +88,7 @@ function TabAStack() {
 }
 
 export const maybePopToTop = (
-  navigation: StackNavigationProp<ParamListBase>,
+  navigation: StackNavigationProp<ParamListBase>
 ) => {
   const state = navigation.getState().routes;
 
diff --git a/apps/src/tests/Test1296.tsx b/apps/src/tests/Test1296.tsx
index 75846053be..643a786883 100644
--- a/apps/src/tests/Test1296.tsx
+++ b/apps/src/tests/Test1296.tsx
@@ -105,7 +105,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number,
+  height: number
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1463.tsx b/apps/src/tests/Test1463.tsx
index 30d833fc2d..fc3cdbe332 100644
--- a/apps/src/tests/Test1463.tsx
+++ b/apps/src/tests/Test1463.tsx
@@ -95,7 +95,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number,
+  height: number
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1476.tsx b/apps/src/tests/Test1476.tsx
index 3334d21e53..61048e7681 100644
--- a/apps/src/tests/Test1476.tsx
+++ b/apps/src/tests/Test1476.tsx
@@ -71,7 +71,7 @@ function ModalA(props: Props) {
 
 const StackBuilder = (
   configs: any,
-  groupOptions?: NativeStackNavigationOptions,
+  groupOptions?: NativeStackNavigationOptions
 ) => {
   return () => (
     <NativeStack.Group screenOptions={groupOptions}>
@@ -113,7 +113,7 @@ const ScreenGroup = StackBuilder(
     gestureEnabled: true,
     contentStyle: { backgroundColor: 'white' },
     fullScreenGestureEnabled: true,
-  },
+  }
 );
 
 const ModalGroup = StackBuilder(
@@ -130,7 +130,7 @@ const ModalGroup = StackBuilder(
     presentation: 'containedTransparentModal',
     fullScreenGestureEnabled: true,
     animationMatchesGesture: true,
-  },
+  }
 );
 
 export default function TestModalPresentation() {
diff --git a/apps/src/tests/Test1539.tsx b/apps/src/tests/Test1539.tsx
index 332f4a9510..e3440a3973 100644
--- a/apps/src/tests/Test1539.tsx
+++ b/apps/src/tests/Test1539.tsx
@@ -33,7 +33,7 @@ function RootScreen() {
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50,
+        : (1 - reaProgress.progress.value) * 50) + 50
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
diff --git a/apps/src/tests/Test1645.js b/apps/src/tests/Test1645.js
index ec4a508944..fc4d10ea6a 100644
--- a/apps/src/tests/Test1645.js
+++ b/apps/src/tests/Test1645.js
@@ -1,12 +1,12 @@
 /* eslint-disable react-native/no-inline-styles */
 
-import React, {useEffect, useState} from 'react';
-import {Text, View} from 'react-native';
+import React, { useEffect, useState } from 'react';
+import { Text, View } from 'react-native';
 
-import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
-import {createNativeStackNavigator} from '@react-navigation/native-stack';
-import {createStackNavigator} from '@react-navigation/stack';
-import {NavigationContainer} from '@react-navigation/native';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { createStackNavigator } from '@react-navigation/stack';
+import { NavigationContainer } from '@react-navigation/native';
 
 const TestBottomTabBar = createBottomTabNavigator();
 const TestNativeStack1 = createNativeStackNavigator();
@@ -28,8 +28,8 @@ const TestScreen1 = () => {
         flex: 1,
         backgroundColor: '#000',
       }}>
-      {Array.from({length: 100}).map((e, idx) => (
-        <Text style={{color: '#fff'}} key={idx}>
+      {Array.from({ length: 100 }).map((e, idx) => (
+        <Text style={{ color: '#fff' }} key={idx}>
           T{idx}: {t}
         </Text>
       ))}
@@ -54,8 +54,8 @@ const TestScreen2 = () => {
         flex: 1,
         backgroundColor: '#000',
       }}>
-      {Array.from({length: 100}).map((e, idx) => (
-        <Text style={{color: 'red'}} key={idx}>
+      {Array.from({ length: 100 }).map((e, idx) => (
+        <Text style={{ color: 'red' }} key={idx}>
           T{idx}: {t}
         </Text>
       ))}
diff --git a/apps/src/tests/Test1802.tsx b/apps/src/tests/Test1802.tsx
index a82e59e036..9714100e2c 100644
--- a/apps/src/tests/Test1802.tsx
+++ b/apps/src/tests/Test1802.tsx
@@ -136,7 +136,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number,
+  height: number
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1844.tsx b/apps/src/tests/Test1844.tsx
index 4a9ffa2d4f..1dc72293b8 100644
--- a/apps/src/tests/Test1844.tsx
+++ b/apps/src/tests/Test1844.tsx
@@ -104,7 +104,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number,
+  height: number
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1981.tsx b/apps/src/tests/Test1981.tsx
index 511c2b6a8c..9bbd3bfee7 100644
--- a/apps/src/tests/Test1981.tsx
+++ b/apps/src/tests/Test1981.tsx
@@ -1,6 +1,13 @@
 import React from 'react';
-import { NavigationContainer, NavigationContext, ParamListBase } from '@react-navigation/native';
-import { createNativeStackNavigator, NativeStackNavigationProp } from '@react-navigation/native-stack';
+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 = {
diff --git a/apps/src/tests/Test2028.tsx b/apps/src/tests/Test2028.tsx
index 81c1f1aa3f..2c80ab4539 100644
--- a/apps/src/tests/Test2028.tsx
+++ b/apps/src/tests/Test2028.tsx
@@ -1,4 +1,3 @@
-
 import React from 'react';
 import { Button, SafeAreaView, View } from 'react-native';
 
diff --git a/apps/src/tests/Test2223.tsx b/apps/src/tests/Test2223.tsx
index 587fbf38da..e5c2ae557d 100644
--- a/apps/src/tests/Test2223.tsx
+++ b/apps/src/tests/Test2223.tsx
@@ -85,4 +85,3 @@ const styles = StyleSheet.create({
     color: 'black',
   },
 });
-
diff --git a/apps/src/tests/Test2227.tsx b/apps/src/tests/Test2227.tsx
index 301254e2f5..f7e60c5fd5 100644
--- a/apps/src/tests/Test2227.tsx
+++ b/apps/src/tests/Test2227.tsx
@@ -1,10 +1,10 @@
 import * as React from 'react';
-import {NavigationContainer} from '@react-navigation/native';
+import { NavigationContainer } from '@react-navigation/native';
 import {
   createNativeStackNavigator,
   NativeStackScreenProps,
 } from '@react-navigation/native-stack';
-import {Button, View, Text} from 'react-native';
+import { Button, View, Text } from 'react-native';
 
 type RootStackParamList = {
   Home: undefined;
@@ -16,9 +16,9 @@ type DetailsScreenProps = NativeStackScreenProps<RootStackParamList, 'Details'>;
 
 const Stack = createNativeStackNavigator<RootStackParamList>();
 
-function HomeScreen({navigation}: HomeScreenProps) {
+function HomeScreen({ navigation }: HomeScreenProps) {
   return (
-    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
       <Text>Home Screen</Text>
       <Button
         title="Go to Details"
@@ -28,9 +28,9 @@ function HomeScreen({navigation}: HomeScreenProps) {
   );
 }
 
-function DetailsScreen({navigation}: DetailsScreenProps) {
+function DetailsScreen({ navigation }: DetailsScreenProps) {
   return (
-    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
       <Text>Details Screen</Text>
       <Button
         title="Go to Details Again"
diff --git a/apps/src/tests/Test263.js b/apps/src/tests/Test263.js
index 5be4222247..d41e8f1425 100644
--- a/apps/src/tests/Test263.js
+++ b/apps/src/tests/Test263.js
@@ -34,7 +34,7 @@ class DraggableBox extends Component {
           },
         },
       ],
-      { useNativeDriver: true },
+      { useNativeDriver: true }
     );
   }
 
diff --git a/apps/src/tests/Test432.tsx b/apps/src/tests/Test432.tsx
index 5a0843dbc0..b132c5e4b5 100644
--- a/apps/src/tests/Test432.tsx
+++ b/apps/src/tests/Test432.tsx
@@ -44,7 +44,7 @@ const RootNavigator = () => {
         <Text>Close</Text>
       </Pressable>
     ),
-    [navigation],
+    [navigation]
   );
   return (
     <RootStack.Navigator screenOptions={{ headerShown: false }}>
diff --git a/apps/src/tests/Test593.tsx b/apps/src/tests/Test593.tsx
index c06916b1a2..e370ff4c7e 100644
--- a/apps/src/tests/Test593.tsx
+++ b/apps/src/tests/Test593.tsx
@@ -38,7 +38,7 @@ function Deeper({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      },
+      }
     );
 
     return unsubscribe;
@@ -64,9 +64,9 @@ function Deeper({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Deeper transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
+            (data.closing ? 'closing' : 'opening')
         );
-      },
+      }
     );
 
     return unsubscribe;
@@ -77,7 +77,7 @@ function Deeper({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Deeper transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
+          (data.closing ? 'closing' : 'opening')
       );
     });
 
@@ -125,7 +125,7 @@ function Status({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      },
+      }
     );
 
     return unsubscribe;
@@ -151,9 +151,9 @@ function Status({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Status transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
+            (data.closing ? 'closing' : 'opening')
         );
-      },
+      }
     );
 
     return unsubscribe;
@@ -164,7 +164,7 @@ function Status({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Status transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
+          (data.closing ? 'closing' : 'opening')
       );
     });
 
@@ -191,7 +191,7 @@ function Privacy({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      },
+      }
     );
 
     return unsubscribe;
@@ -217,9 +217,9 @@ function Privacy({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Privacy transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
+            (data.closing ? 'closing' : 'opening')
         );
-      },
+      }
     );
 
     return unsubscribe;
@@ -230,7 +230,7 @@ function Privacy({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Privacy transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
+          (data.closing ? 'closing' : 'opening')
       );
     });
 
@@ -257,7 +257,7 @@ function Another({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      },
+      }
     );
 
     return unsubscribe;
@@ -283,9 +283,9 @@ function Another({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Another transitionStart ' +
-            (data.closing ? 'closing' : 'opening'),
+            (data.closing ? 'closing' : 'opening')
         );
-      },
+      }
     );
 
     return unsubscribe;
@@ -296,7 +296,7 @@ function Another({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Another transitionEnd ' +
-          (data.closing ? 'closing' : 'opening'),
+          (data.closing ? 'closing' : 'opening')
       );
     });
 
diff --git a/apps/src/tests/Test645.js b/apps/src/tests/Test645.js
index a589b74251..ef936ab0f9 100644
--- a/apps/src/tests/Test645.js
+++ b/apps/src/tests/Test645.js
@@ -36,7 +36,10 @@ function DetailsScreen({ navigation }) {
 function SettingsScreen({ navigation }) {
   return (
     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-      <Button onPress={() => navigation.popTo('Main', {screen: 'Home'})} title="Go to Home" />
+      <Button
+        onPress={() => navigation.popTo('Main', { screen: 'Home' })}
+        title="Go to Home"
+      />
       <Text>Details</Text>
     </View>
   );
diff --git a/apps/src/tests/Test860.tsx b/apps/src/tests/Test860.tsx
index 560498a19f..fdb1154823 100644
--- a/apps/src/tests/Test860.tsx
+++ b/apps/src/tests/Test860.tsx
@@ -137,7 +137,7 @@ function Home({
           setStatusBarColor(
             statusBarColor === 'mediumseagreen'
               ? 'rgba(255,128,128,0.5)'
-              : 'mediumseagreen',
+              : 'mediumseagreen'
           );
         }}
       />
@@ -148,7 +148,7 @@ function Home({
             statusBarColor,
           });
           setStatusBarColor(
-            statusBarColor === 'mediumseagreen' ? 'orange' : 'mediumseagreen',
+            statusBarColor === 'mediumseagreen' ? 'orange' : 'mediumseagreen'
           );
         }}
       />
@@ -186,7 +186,7 @@ function Home({
             statusBarAnimation,
           });
           setStatusBarAnimation(
-            statusBarAnimation === 'none' ? 'slide' : 'none',
+            statusBarAnimation === 'none' ? 'slide' : 'none'
           );
         }}
       />
@@ -197,7 +197,7 @@ function Home({
             navigationBarColor,
           });
           setNavigationBarColor(
-            navigationBarColor === 'green' ? 'powderblue' : 'green',
+            navigationBarColor === 'green' ? 'powderblue' : 'green'
           );
         }}
       />
diff --git a/apps/src/tests/Test887.tsx b/apps/src/tests/Test887.tsx
index 69a862c1c0..e907c37531 100644
--- a/apps/src/tests/Test887.tsx
+++ b/apps/src/tests/Test887.tsx
@@ -72,7 +72,7 @@ function SiblingView() {
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50,
+        : (1 - reaProgress.progress.value) * 50) + 50
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
@@ -111,7 +111,7 @@ function First({
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50,
+        : (1 - reaProgress.progress.value) * 50) + 50
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
@@ -207,7 +207,7 @@ const Dialog = ({
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50,
+        : (1 - reaProgress.progress.value) * 50) + 50
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
diff --git a/apps/src/tests/Test898.tsx b/apps/src/tests/Test898.tsx
index f3faae63d1..a0578bb6ba 100644
--- a/apps/src/tests/Test898.tsx
+++ b/apps/src/tests/Test898.tsx
@@ -55,7 +55,7 @@ type ActiveExampleImage = ActiveExampleImageProperties & {
 type onItemPressFn = <T>(
   animatedRef: RefObject<T>,
   item: ExampleImage,
-  svs: ActiveExampleImageProperties,
+  svs: ActiveExampleImageProperties
 ) => void;
 function ImageList({
   images,
@@ -164,7 +164,7 @@ function ImageTransition({
 
   const targetX = useSharedValue(0);
   const targetY = useSharedValue(
-    (dimensions.height - targetHeight) / 2 - headerHeight,
+    (dimensions.height - targetHeight) / 2 - headerHeight
   );
 
   const translateX = useSharedValue(0);
@@ -179,14 +179,14 @@ function ImageTransition({
         translateY.value,
         [-200, 0, 200],
         [0.65, 1, 0.65],
-        Extrapolate.CLAMP,
+        Extrapolate.CLAMP
       );
 
       backdropOpacity.value = interpolate(
         translateY.value,
         [-100, 0, 100],
         [0, 1, 0],
-        Extrapolate.CLAMP,
+        Extrapolate.CLAMP
       );
     },
 
@@ -206,7 +206,7 @@ function ImageTransition({
             },
             () => {
               runOnJS(onClose)();
-            },
+            }
           );
         });
 
@@ -283,14 +283,14 @@ const images: ExampleImage[] = Array.from({ length: 30 }, (_, index) => {
 
 function LightboxExample(): React.ReactElement {
   const [activeImage, setActiveImage] = useState<ActiveExampleImage | null>(
-    null,
+    null
   );
 
   function onItemPress(
     // @ts-ignore: FIXME AnimatedImage type
     animatedRef: RefObject<AnimatedImage>,
     item: ExampleImage,
-    svs: ActiveExampleImageProperties,
+    svs: ActiveExampleImageProperties
   ) {
     setActiveImage({
       animatedRef,
diff --git a/apps/src/tests/TestHeader.tsx b/apps/src/tests/TestHeader.tsx
index 764be9cfc3..fd007575cc 100644
--- a/apps/src/tests/TestHeader.tsx
+++ b/apps/src/tests/TestHeader.tsx
@@ -47,18 +47,38 @@ export default function App(): JSX.Element {
 }
 
 const First = ({ navigation }: Props) => (
-  <View style={{ flex: 1, justifyContent: 'space-between', backgroundColor: 'seagreen' }}>
-    <View style={{ height: 100, width: 100, justifyContent: 'flex-start', backgroundColor: 'blue' }} />
+  <View
+    style={{
+      flex: 1,
+      justifyContent: 'space-between',
+      backgroundColor: 'seagreen',
+    }}>
+    <View
+      style={{
+        height: 100,
+        width: 100,
+        justifyContent: 'flex-start',
+        backgroundColor: 'blue',
+      }}
+    />
     <Button
       title="Tap me for second screen"
       onPress={() => navigation.navigate('Second')}
     />
-    <View style={{ height: 100, width: 100, justifyContent: 'flex-end', backgroundColor: 'red' }} />
+    <View
+      style={{
+        height: 100,
+        width: 100,
+        justifyContent: 'flex-end',
+        backgroundColor: 'red',
+      }}
+    />
   </View>
 );
 
 const Second = ({ navigation }: Props) => (
-  <View style={{ flex: 1, justifyContent: 'center', backgroundColor: 'steelblue' }}>
+  <View
+    style={{ flex: 1, justifyContent: 'center', backgroundColor: 'steelblue' }}>
     <Button
       title="Tap me for first screen"
       onPress={() => navigation.navigate('First')}
@@ -71,7 +91,8 @@ const Second = ({ navigation }: Props) => (
 );
 
 const Third = ({ navigation }: Props) => (
-  <View style={{ flex: 1, justifyContent: 'center', backgroundColor: 'salmon' }}>
+  <View
+    style={{ flex: 1, justifyContent: 'center', backgroundColor: 'salmon' }}>
     <Button
       title="Tap me for first screen"
       onPress={() => navigation.navigate('First')}
diff --git a/apps/src/tests/TestScreenAnimation.tsx b/apps/src/tests/TestScreenAnimation.tsx
index 394adb9354..bcaf03c6b0 100644
--- a/apps/src/tests/TestScreenAnimation.tsx
+++ b/apps/src/tests/TestScreenAnimation.tsx
@@ -20,9 +20,12 @@ interface MainScreenProps {
 
 const MainScreen = ({ navigation }: MainScreenProps): JSX.Element => (
   <View style={{ ...styles.container, backgroundColor: 'moccasin' }}>
-    <Button title="Go ScreenB" onPress={() => {
-      navigation.navigate('ScreenB')
-      }} />
+    <Button
+      title="Go ScreenB"
+      onPress={() => {
+        navigation.navigate('ScreenB');
+      }}
+    />
     <Button onPress={() => navigation.pop()} title="🔙 Back to Examples" />
   </View>
 );
@@ -52,8 +55,8 @@ const Stack = createNativeStackNavigator<StackParamList>();
 
 const App = (): JSX.Element => (
   <GestureHandlerRootView style={{ flex: 1 }}>
-      <NavigationContainer>
-    <GestureDetectorProvider>
+    <NavigationContainer>
+      <GestureDetectorProvider>
         <Stack.Navigator
           screenOptions={{
             headerHideBackButton: true,
@@ -69,8 +72,8 @@ const App = (): JSX.Element => (
           />
           <Stack.Screen name="ScreenC" component={ScreenC} />
         </Stack.Navigator>
-    </GestureDetectorProvider>
-      </NavigationContainer>
+      </GestureDetectorProvider>
+    </NavigationContainer>
   </GestureHandlerRootView>
 );
 

From 1e458111463b6d4c5b0a65f246820309ff3e3c24 Mon Sep 17 00:00:00 2001
From: alduzy <alduzy@gmail.com>
Date: Wed, 17 Jul 2024 16:19:54 +0200
Subject: [PATCH 5/6] formatted rest of the files

---
 Example/.watchmanconfig              |  2 +-
 Example/app.json                     |  1 -
 FabricExample/README.md              |  1 +
 FabricExample/__tests__/App.test.tsx |  2 +-
 FabricExample/metro.config.js        | 10 +++++-----
 TVOSExample/.watchmanconfig          |  1 -
 TVOSExample/__tests__/App.test.tsx   |  2 +-
 7 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/Example/.watchmanconfig b/Example/.watchmanconfig
index 9e26dfeeb6..0967ef424b 100644
--- a/Example/.watchmanconfig
+++ b/Example/.watchmanconfig
@@ -1 +1 @@
-{}
\ No newline at end of file
+{}
diff --git a/Example/app.json b/Example/app.json
index 77cd1d57c0..90da5dbe71 100644
--- a/Example/app.json
+++ b/Example/app.json
@@ -2,4 +2,3 @@
   "name": "ScreensExample",
   "displayName": "ScreensExample"
 }
-
diff --git a/FabricExample/README.md b/FabricExample/README.md
index 27d9ab66db..be27560e54 100644
--- a/FabricExample/README.md
+++ b/FabricExample/README.md
@@ -3,6 +3,7 @@
 ## Installing & running application
 
 Before running application you need to install all dependencies. To do that:
+
 - In project's root directory run `yarn install`
 - In FabricExample directory run `yarn install`
 
diff --git a/FabricExample/__tests__/App.test.tsx b/FabricExample/__tests__/App.test.tsx
index 9eac6fbc87..ef217ab43d 100644
--- a/FabricExample/__tests__/App.test.tsx
+++ b/FabricExample/__tests__/App.test.tsx
@@ -7,7 +7,7 @@ import React from 'react';
 import App from '../App';
 
 // Note: import explicitly to use the types shipped with jest.
-import {it} from '@jest/globals';
+import { it } from '@jest/globals';
 
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';
diff --git a/FabricExample/metro.config.js b/FabricExample/metro.config.js
index e2feedebf9..123a3b617c 100644
--- a/FabricExample/metro.config.js
+++ b/FabricExample/metro.config.js
@@ -1,4 +1,4 @@
-const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
 const fs = require('fs');
 const path = require('path');
@@ -34,8 +34,8 @@ const config = {
     blockList: exclusionList(
       modules.map(
         m =>
-          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`),
-      ),
+          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`)
+      )
     ),
 
     extraNodeModules: modules.reduce((acc, name) => {
@@ -64,7 +64,7 @@ const config = {
             __dirname,
             'node_modules',
             moduleName,
-            `index${ext}`,
+            `index${ext}`
           );
 
           const possibleSrcPath = path.join(
@@ -72,7 +72,7 @@ const config = {
             'node_modules',
             moduleName,
             'src',
-            `index${ext}`,
+            `index${ext}`
           );
 
           if (fs.existsSync(possiblePath)) {
diff --git a/TVOSExample/.watchmanconfig b/TVOSExample/.watchmanconfig
index 311847daa5..0967ef424b 100644
--- a/TVOSExample/.watchmanconfig
+++ b/TVOSExample/.watchmanconfig
@@ -1,2 +1 @@
 {}
-
diff --git a/TVOSExample/__tests__/App.test.tsx b/TVOSExample/__tests__/App.test.tsx
index 9eac6fbc87..ef217ab43d 100644
--- a/TVOSExample/__tests__/App.test.tsx
+++ b/TVOSExample/__tests__/App.test.tsx
@@ -7,7 +7,7 @@ import React from 'react';
 import App from '../App';
 
 // Note: import explicitly to use the types shipped with jest.
-import {it} from '@jest/globals';
+import { it } from '@jest/globals';
 
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';

From 45c2ccecda6b017006099f7b4292e7772bff1b38 Mon Sep 17 00:00:00 2001
From: alduzy <alduzy@gmail.com>
Date: Thu, 18 Jul 2024 11:13:27 +0200
Subject: [PATCH 6/6] Updated traillingComma setting

---
 .eslintrc.js                                  |   4 +-
 .github/workflows/check-archs-consistency.yml |   4 +-
 .prettierrc.js                                |   2 +-
 .watchmanconfig                               |   2 +-
 Example/e2e/examplesTests/bottomTabs.e2e.ts   |  24 +--
 Example/e2e/examplesTests/events.e2e.ts       |  38 ++--
 .../examplesTests/simpleNativeStack.e2e.ts    |   8 +-
 .../examplesTests/stackPresentation.e2e.ts    |  14 +-
 Example/e2e/firstTest.e2e.ts                  |   2 +-
 Example/metro.config.js                       |   8 +-
 FabricExample/metro.config.js                 |   8 +-
 README.md                                     |  28 +--
 TVOSExample/metro.config.js                   |   8 +-
 apps/src/screens/Events.tsx                   |   8 +-
 apps/src/tests/Test1072.tsx                   |   2 +-
 apps/src/tests/Test1209.tsx                   |   2 +-
 apps/src/tests/Test1296.tsx                   |   2 +-
 apps/src/tests/Test1463.tsx                   |   2 +-
 apps/src/tests/Test1476.tsx                   |   6 +-
 apps/src/tests/Test1539.tsx                   |   2 +-
 apps/src/tests/Test1802.tsx                   |   2 +-
 apps/src/tests/Test1844.tsx                   |   2 +-
 apps/src/tests/Test263.js                     |   2 +-
 apps/src/tests/Test432.tsx                    |   2 +-
 apps/src/tests/Test593.tsx                    |  32 +--
 apps/src/tests/Test860.tsx                    |   8 +-
 apps/src/tests/Test887.tsx                    |   6 +-
 babel.config.js                               |   4 +-
 guides/CONTRIBUTING.md                        |  46 ++--
 guides/GUIDE_FOR_LIBRARY_AUTHORS.md           |  22 +-
 native-stack/README.md                        | 203 +++++++++---------
 react-native.config.js                        |  32 +--
 scripts/codegen-utils.js                      |  20 +-
 scripts/format-android.js                     |  11 +-
 src/TransitionProgressContext.tsx             |   2 +-
 src/components/Screen.tsx                     |   8 +-
 src/components/ScreenStackHeaderConfig.tsx    |  10 +-
 .../ScreenStackHeaderConfig.web.tsx           |  12 +-
 src/components/SearchBar.tsx                  |   8 +-
 src/core.ts                                   |   2 +-
 ...creenNavigationContainerNativeComponent.ts |   2 +-
 .../ScreenStackHeaderConfigNativeComponent.ts |   2 +-
 ...ScreenStackHeaderSubviewNativeComponent.ts |   2 +-
 src/fabric/SearchBarNativeComponent.ts        |   2 +-
 src/gesture-handler/ScreenGestureDetector.tsx |  10 +-
 src/gesture-handler/constraints.ts            |  10 +-
 src/gesture-handler/fabricUtils.ts            |   2 +-
 src/native-stack/contexts/GHContext.tsx       |   2 +-
 .../navigators/createNativeStackNavigator.tsx |   6 +-
 src/native-stack/types.tsx                    |   8 +-
 .../utils/getDefaultHeaderHeight.tsx          |   2 +-
 src/native-stack/utils/getStatusBarHeight.tsx |   2 +-
 .../utils/useAnimatedHeaderHeight.tsx         |   2 +-
 .../utils/useBackPressSubscription.tsx        |   2 +-
 src/native-stack/utils/useHeaderHeight.tsx    |   2 +-
 src/native-stack/views/FontProcessor.tsx      |   2 +-
 src/native-stack/views/HeaderConfig.tsx       |   2 +-
 src/native-stack/views/NativeStackView.tsx    |  18 +-
 .../ReanimatedHeaderHeightContext.tsx         |   2 +-
 .../ReanimatedNativeStackScreen.tsx           |  10 +-
 src/reanimated/ReanimatedScreen.tsx           |   4 +-
 src/reanimated/ReanimatedScreenProvider.tsx   |   2 +-
 src/reanimated/useReanimatedHeaderHeight.tsx  |   2 +-
 .../useReanimatedTransitionProgress.tsx       |   2 +-
 src/types.tsx                                 |  10 +-
 src/useTransitionProgress.tsx                 |   2 +-
 windows/README.md                             |   5 +-
 67 files changed, 371 insertions(+), 354 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index aa4543e589..2d6550ded5 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -21,9 +21,9 @@ module.exports = {
       'react-native-screens/gesture-handler',
     ],
     'import/ignore': [
-      'node_modules/react-native/index\\.js$', 
+      'node_modules/react-native/index\\.js$',
       'react-native/Libraries/Utilities/codegenNativeComponent.*',
-      'react-native/Libraries/Types/CodegenTypes.*'
+      'react-native/Libraries/Types/CodegenTypes.*',
     ],
     'import/resolver': {
       node: {
diff --git a/.github/workflows/check-archs-consistency.yml b/.github/workflows/check-archs-consistency.yml
index 2e8583b5e9..e43fc0088a 100644
--- a/.github/workflows/check-archs-consistency.yml
+++ b/.github/workflows/check-archs-consistency.yml
@@ -1,9 +1,9 @@
 name: Test consistency between Paper & Fabric
-on: 
+on:
   pull_request:
     branches:
       - main
-    paths: 
+    paths:
       - src/fabric/**
       - android/src/paper/java/com/facebook/react/viewmanagers/**
 jobs:
diff --git a/.prettierrc.js b/.prettierrc.js
index c9e8393426..2ae7b381ed 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -3,5 +3,5 @@ module.exports = {
   bracketSameLine: true,
   bracketSpacing: true,
   singleQuote: true,
-  trailingComma: 'es5',
+  trailingComma: 'all',
 };
diff --git a/.watchmanconfig b/.watchmanconfig
index 9e26dfeeb6..0967ef424b 100644
--- a/.watchmanconfig
+++ b/.watchmanconfig
@@ -1 +1 @@
-{}
\ No newline at end of file
+{}
diff --git a/Example/e2e/examplesTests/bottomTabs.e2e.ts b/Example/e2e/examplesTests/bottomTabs.e2e.ts
index 64a5b77b94..4a0585867d 100644
--- a/Example/e2e/examplesTests/bottomTabs.e2e.ts
+++ b/Example/e2e/examplesTests/bottomTabs.e2e.ts
@@ -7,12 +7,12 @@ describe('Bottom tabs and native stack', () => {
 
   it('should go to main screen and back', async () => {
     await expect(
-      element(by.id('root-screen-example-BottomTabsAndStack'))
+      element(by.id('root-screen-example-BottomTabsAndStack')),
     ).toBeVisible();
     await element(by.id('root-screen-example-BottomTabsAndStack')).tap();
 
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toBeVisible();
   });
 
@@ -20,7 +20,7 @@ describe('Bottom tabs and native stack', () => {
     await element(by.id('root-screen-example-BottomTabsAndStack')).tap();
     await element(by.id('bottom-tabs-A-more-details-button')).tap();
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toHaveLabel('More details 1');
   });
 
@@ -28,7 +28,7 @@ describe('Bottom tabs and native stack', () => {
     await element(by.id('root-screen-example-BottomTabsAndStack')).tap();
     await element(by.id('bottom-tabs-A-more-details-button')).tap();
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toHaveLabel('More details 1');
     if (device.getPlatform() === 'ios') {
       await element(by.type('_UIButtonBarButton')).tap();
@@ -36,7 +36,7 @@ describe('Bottom tabs and native stack', () => {
       await device.pressBack();
     }
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toHaveLabel('More details 0');
   });
 
@@ -45,12 +45,12 @@ describe('Bottom tabs and native stack', () => {
 
     await element(by.id('bottom-tabs-B-tab')).tap();
     await expect(element(by.id('bottom-tabs-B-header-right-id'))).toHaveText(
-      'B'
+      'B',
     );
 
     await element(by.id('bottom-tabs-A-tab')).tap();
     await expect(element(by.id('bottom-tabs-A-header-right-id'))).toHaveText(
-      'A'
+      'A',
     );
   });
 
@@ -59,12 +59,12 @@ describe('Bottom tabs and native stack', () => {
 
     await element(by.id('bottom-tabs-A-more-details-button')).tap();
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toHaveLabel('More details 1');
 
     await element(by.id('bottom-tabs-A-tab')).multiTap(2);
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toHaveLabel('More details 0');
   });
 
@@ -74,17 +74,17 @@ describe('Bottom tabs and native stack', () => {
     await element(by.id('bottom-tabs-A-more-details-button')).tap();
     await element(by.id('bottom-tabs-A-more-details-button')).tap();
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toHaveLabel('More details 2');
 
     await element(by.id('bottom-tabs-B-tab')).tap();
     await expect(
-      element(by.id('bottom-tabs-B-more-details-button'))
+      element(by.id('bottom-tabs-B-more-details-button')),
     ).toHaveLabel('More details 0');
     await element(by.id('bottom-tabs-A-tab')).tap();
 
     await expect(
-      element(by.id('bottom-tabs-A-more-details-button'))
+      element(by.id('bottom-tabs-A-more-details-button')),
     ).toHaveLabel('More details 2');
   });
 });
diff --git a/Example/e2e/examplesTests/events.e2e.ts b/Example/e2e/examplesTests/events.e2e.ts
index 562f40718b..8fb755d192 100644
--- a/Example/e2e/examplesTests/events.e2e.ts
+++ b/Example/e2e/examplesTests/events.e2e.ts
@@ -13,33 +13,33 @@ const pressBack = async () => {
 const awaitClassicalEventBehavior = async () => {
   if (device.getPlatform() === 'ios') {
     await expect(
-      element(by.text('9. Chats | transitionStart | closing'))
+      element(by.text('9. Chats | transitionStart | closing')),
     ).toExist();
     await expect(
-      element(by.text('10. Privacy | transitionStart | closing'))
+      element(by.text('10. Privacy | transitionStart | closing')),
     ).toExist();
     await expect(
-      element(by.text('11. Main | transitionStart | opening'))
+      element(by.text('11. Main | transitionStart | opening')),
     ).toExist();
     await expect(
-      element(by.text('12. Chats | transitionEnd | closing'))
+      element(by.text('12. Chats | transitionEnd | closing')),
     ).toExist();
     await expect(
-      element(by.text('13. Privacy | transitionEnd | closing'))
+      element(by.text('13. Privacy | transitionEnd | closing')),
     ).toExist();
     await expect(element(by.text('14. Privacy | beforeRemove'))).toExist();
     await expect(element(by.text('15. Chats | beforeRemove'))).toExist();
     await expect(
-      element(by.text('16. Main | transitionEnd | opening'))
+      element(by.text('16. Main | transitionEnd | opening')),
     ).toExist();
   } else {
     await expect(element(by.text('9. Privacy | beforeRemove'))).toExist();
     await expect(element(by.text('10. Chats | beforeRemove'))).toExist();
     await expect(
-      element(by.text('11. Main | transitionStart | opening'))
+      element(by.text('11. Main | transitionStart | opening')),
     ).toExist();
     await expect(
-      element(by.text('12. Main | transitionEnd | opening'))
+      element(by.text('12. Main | transitionEnd | opening')),
     ).toExist();
   }
 };
@@ -64,10 +64,10 @@ describe('Events', () => {
     await element(by.id('root-screen-playground-Events')).tap();
 
     await expect(
-      element(by.text('1. Main | transitionStart | opening'))
+      element(by.text('1. Main | transitionStart | opening')),
     ).toExist();
     await expect(
-      element(by.text('2. Main | transitionEnd | opening'))
+      element(by.text('2. Main | transitionEnd | opening')),
     ).toExist();
   });
 
@@ -79,7 +79,7 @@ describe('Events', () => {
       await element(by.type('_UIButtonBarButton')).tap();
     } else {
       await element(
-        by.type('androidx.appcompat.widget.AppCompatImageButton')
+        by.type('androidx.appcompat.widget.AppCompatImageButton'),
       ).tap();
     }
 
@@ -98,7 +98,7 @@ describe('Events', () => {
       await element(by.type('_UIButtonBarButton')).tap();
     } else {
       await element(
-        by.type('androidx.appcompat.widget.AppCompatImageButton')
+        by.type('androidx.appcompat.widget.AppCompatImageButton'),
       ).tap();
     }
 
@@ -114,22 +114,22 @@ describe('Events', () => {
     await element(by.id('events-go-to-chats')).tap();
 
     await expect(
-      element(by.text('3. Main | transitionStart | closing'))
+      element(by.text('3. Main | transitionStart | closing')),
     ).toExist();
     await expect(
-      element(by.text('4. Chats | transitionStart | opening'))
+      element(by.text('4. Chats | transitionStart | opening')),
     ).toExist();
     await expect(
-      element(by.text('5. Privacy | transitionStart | opening'))
+      element(by.text('5. Privacy | transitionStart | opening')),
     ).toExist();
     await expect(
-      element(by.text('6. Main | transitionEnd | closing'))
+      element(by.text('6. Main | transitionEnd | closing')),
     ).toExist();
     await expect(
-      element(by.text('7. Chats | transitionEnd | opening'))
+      element(by.text('7. Chats | transitionEnd | opening')),
     ).toExist();
     await expect(
-      element(by.text('8. Privacy | transitionEnd | opening'))
+      element(by.text('8. Privacy | transitionEnd | opening')),
     ).toExist();
   });
 
@@ -145,7 +145,7 @@ describe('Events', () => {
       await element(by.type('_UIButtonBarButton')).tap();
     } else {
       await element(
-        by.type('androidx.appcompat.widget.AppCompatImageButton')
+        by.type('androidx.appcompat.widget.AppCompatImageButton'),
       ).tap();
     }
 
diff --git a/Example/e2e/examplesTests/simpleNativeStack.e2e.ts b/Example/e2e/examplesTests/simpleNativeStack.e2e.ts
index ec119ef12a..8294d869b8 100644
--- a/Example/e2e/examplesTests/simpleNativeStack.e2e.ts
+++ b/Example/e2e/examplesTests/simpleNativeStack.e2e.ts
@@ -7,25 +7,25 @@ describe('Simple Native Stack', () => {
 
   it('should go to main screen', async () => {
     await expect(
-      element(by.id('root-screen-example-SimpleNativeStack'))
+      element(by.id('root-screen-example-SimpleNativeStack')),
     ).toBeVisible();
     await element(by.id('root-screen-example-SimpleNativeStack')).tap();
     await expect(
-      element(by.id('simple-native-stack-go-to-detail'))
+      element(by.id('simple-native-stack-go-to-detail')),
     ).toBeVisible();
   });
 
   it('should go to detail screen', async () => {
     await element(by.id('simple-native-stack-go-to-detail')).tap();
     await expect(
-      element(by.id('simple-native-stack-detail-go-back'))
+      element(by.id('simple-native-stack-detail-go-back')),
     ).toBeVisible();
   });
 
   it('should go back to main screen', async () => {
     await element(by.id('simple-native-stack-detail-go-back')).tap();
     await expect(
-      element(by.id('simple-native-stack-go-to-detail'))
+      element(by.id('simple-native-stack-go-to-detail')),
     ).toBeVisible();
   });
 });
diff --git a/Example/e2e/examplesTests/stackPresentation.e2e.ts b/Example/e2e/examplesTests/stackPresentation.e2e.ts
index b02a20424a..83e5e1cb2c 100644
--- a/Example/e2e/examplesTests/stackPresentation.e2e.ts
+++ b/Example/e2e/examplesTests/stackPresentation.e2e.ts
@@ -7,35 +7,35 @@ describe('Simple Stack Presentation', () => {
 
   it('should go to main screen', async () => {
     await expect(
-      element(by.id('root-screen-example-StackPresentation'))
+      element(by.id('root-screen-example-StackPresentation')),
     ).toBeVisible();
     await element(by.id('root-screen-example-StackPresentation')).tap();
     await expect(
-      element(by.id('stack-presentation-root-scroll-view'))
+      element(by.id('stack-presentation-root-scroll-view')),
     ).toBeVisible();
   });
 
   it('should push form screen', async () => {
     await element(by.id('stack-presentation-push-button')).tap();
     await expect(
-      element(by.id('stack-presentation-form-screen-go-back-button'))
+      element(by.id('stack-presentation-form-screen-go-back-button')),
     ).toBeVisible();
     await element(by.id('stack-presentation-form-screen-go-back-button')).tap();
     await expect(
-      element(by.id('stack-presentation-root-scroll-view'))
+      element(by.id('stack-presentation-root-scroll-view')),
     ).toBeVisible();
   });
 
   it('should open modal', async () => {
     await element(by.id('stack-presentation-modal-button')).tap();
     await expect(
-      element(by.id('stack-presentation-modal-screen-go-back-button'))
+      element(by.id('stack-presentation-modal-screen-go-back-button')),
     ).toBeVisible();
     await element(
-      by.id('stack-presentation-modal-screen-go-back-button')
+      by.id('stack-presentation-modal-screen-go-back-button'),
     ).tap();
     await expect(
-      element(by.id('stack-presentation-root-scroll-view'))
+      element(by.id('stack-presentation-root-scroll-view')),
     ).toBeVisible();
   });
 });
diff --git a/Example/e2e/firstTest.e2e.ts b/Example/e2e/firstTest.e2e.ts
index 6de6d7b501..6af7531cd8 100644
--- a/Example/e2e/firstTest.e2e.ts
+++ b/Example/e2e/firstTest.e2e.ts
@@ -56,7 +56,7 @@ describe('Example', () => {
 
   it('should have examples buttons', async () => {
     const exampleNames = Object.keys(SCREENS).filter(
-      name => SCREENS[name].type === 'example'
+      name => SCREENS[name].type === 'example',
     );
     for (const name of exampleNames) {
       await expect(element(by.id(`root-screen-example-${name}`))).toBeVisible();
diff --git a/Example/metro.config.js b/Example/metro.config.js
index c5f4eded10..6ee25dfdc9 100644
--- a/Example/metro.config.js
+++ b/Example/metro.config.js
@@ -35,8 +35,8 @@ const config = {
     blockList: exclusionList(
       modules.map(
         m =>
-          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`)
-      )
+          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`),
+      ),
     ),
 
     extraNodeModules: modules.reduce((acc, name) => {
@@ -65,7 +65,7 @@ const config = {
             __dirname,
             'node_modules',
             moduleName,
-            `index${ext}`
+            `index${ext}`,
           );
 
           const possibleSrcPath = path.join(
@@ -73,7 +73,7 @@ const config = {
             'node_modules',
             moduleName,
             'src',
-            `index${ext}`
+            `index${ext}`,
           );
 
           if (fs.existsSync(possiblePath)) {
diff --git a/FabricExample/metro.config.js b/FabricExample/metro.config.js
index 123a3b617c..09a15171f8 100644
--- a/FabricExample/metro.config.js
+++ b/FabricExample/metro.config.js
@@ -34,8 +34,8 @@ const config = {
     blockList: exclusionList(
       modules.map(
         m =>
-          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`)
-      )
+          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`),
+      ),
     ),
 
     extraNodeModules: modules.reduce((acc, name) => {
@@ -64,7 +64,7 @@ const config = {
             __dirname,
             'node_modules',
             moduleName,
-            `index${ext}`
+            `index${ext}`,
           );
 
           const possibleSrcPath = path.join(
@@ -72,7 +72,7 @@ const config = {
             'node_modules',
             moduleName,
             'src',
-            `index${ext}`
+            `index${ext}`,
           );
 
           if (fs.existsSync(possiblePath)) {
diff --git a/README.md b/README.md
index 18c7175a2a..5bf12ea9fd 100644
--- a/README.md
+++ b/README.md
@@ -51,6 +51,7 @@ public class MainActivity extends ReactActivity {
     }
 }
 ```
+
 </details>
 
 <details>
@@ -69,6 +70,7 @@ class MainActivity: ReactActivity() {
     }
 }
 ```
+
 </details>
 
 For people that must handle cases like this, there is [a more detailed discussion of the difficulties in a series of related comments](https://github.com/software-mansion/react-native-screens/issues/17#issuecomment-424704633).
@@ -105,12 +107,12 @@ Screens are already integrated with the React Native's most popular navigation l
 ## Supported react-native version
 
 | library version | react-native version |
-| ------- | -------------------- |
-| 3.32.0+ | 0.71.0+              |
-| 3.30.0+ | 0.68.0+              |
-| 3.14.0+ | 0.64.0+              |
-| 3.0.0+  | 0.62.0+              |
-| 2.0.0+  | 0.60.0+              |
+| --------------- | -------------------- |
+| 3.32.0+         | 0.71.0+              |
+| 3.30.0+         | 0.68.0+              |
+| 3.14.0+         | 0.64.0+              |
+| 3.0.0+          | 0.62.0+              |
+| 2.0.0+          | 0.60.0+              |
 
 ### Support for Fabric
 
@@ -119,13 +121,13 @@ Screens are already integrated with the React Native's most popular navigation l
 Here's a table with summary of supported `react-native` versions when Fabric is turned on.
 
 | library version | react-native version |
-| ------- | -------------------- |
-| 3.32.0+ | 0.74.0+              |
-| 3.28.0+ | 0.73.0+              |
-| 3.21.0+ | 0.72.0+              |
-| 3.19.0+ | 0.71.0+              |
-| 3.18.0+ | 0.70.0+              |
-| 3.14.0+ | 0.69.0+              |
+| --------------- | -------------------- |
+| 3.32.0+         | 0.74.0+              |
+| 3.28.0+         | 0.73.0+              |
+| 3.21.0+         | 0.72.0+              |
+| 3.19.0+         | 0.71.0+              |
+| 3.18.0+         | 0.70.0+              |
+| 3.14.0+         | 0.69.0+              |
 
 ## Usage with [react-navigation](https://github.com/react-navigation/react-navigation)
 
diff --git a/TVOSExample/metro.config.js b/TVOSExample/metro.config.js
index cd3622d419..6e5e391e81 100644
--- a/TVOSExample/metro.config.js
+++ b/TVOSExample/metro.config.js
@@ -35,8 +35,8 @@ const config = {
     blockList: exclusionList(
       modules.map(
         m =>
-          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`)
-      )
+          new RegExp(`^${escape(path.join(rnsRoot, 'node_modules', m))}\\/.*$`),
+      ),
     ),
 
     extraNodeModules: modules.reduce((acc, name) => {
@@ -71,7 +71,7 @@ const config = {
             __dirname,
             'node_modules',
             moduleName,
-            `index${ext}`
+            `index${ext}`,
           );
 
           const possibleSrcPath = path.join(
@@ -79,7 +79,7 @@ const config = {
             'node_modules',
             moduleName,
             'src',
-            `index${ext}`
+            `index${ext}`,
           );
 
           if (fs.existsSync(possiblePath)) {
diff --git a/apps/src/screens/Events.tsx b/apps/src/screens/Events.tsx
index ad81603b69..819efd18d7 100644
--- a/apps/src/screens/Events.tsx
+++ b/apps/src/screens/Events.tsx
@@ -42,7 +42,7 @@ const MainScreen = ({
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
@@ -129,7 +129,7 @@ const ChatsScreen = ({
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
@@ -196,7 +196,7 @@ const PrivacyScreen = ({
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
@@ -256,7 +256,7 @@ const OptionsScreen = ({
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
diff --git a/apps/src/tests/Test1072.tsx b/apps/src/tests/Test1072.tsx
index 3499db7f7f..f6a3b1403c 100644
--- a/apps/src/tests/Test1072.tsx
+++ b/apps/src/tests/Test1072.tsx
@@ -80,7 +80,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number
+  height: number,
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1209.tsx b/apps/src/tests/Test1209.tsx
index 315170123e..cdfd981899 100644
--- a/apps/src/tests/Test1209.tsx
+++ b/apps/src/tests/Test1209.tsx
@@ -88,7 +88,7 @@ function TabAStack() {
 }
 
 export const maybePopToTop = (
-  navigation: StackNavigationProp<ParamListBase>
+  navigation: StackNavigationProp<ParamListBase>,
 ) => {
   const state = navigation.getState().routes;
 
diff --git a/apps/src/tests/Test1296.tsx b/apps/src/tests/Test1296.tsx
index 643a786883..75846053be 100644
--- a/apps/src/tests/Test1296.tsx
+++ b/apps/src/tests/Test1296.tsx
@@ -105,7 +105,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number
+  height: number,
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1463.tsx b/apps/src/tests/Test1463.tsx
index fc3cdbe332..30d833fc2d 100644
--- a/apps/src/tests/Test1463.tsx
+++ b/apps/src/tests/Test1463.tsx
@@ -95,7 +95,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number
+  height: number,
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1476.tsx b/apps/src/tests/Test1476.tsx
index 61048e7681..3334d21e53 100644
--- a/apps/src/tests/Test1476.tsx
+++ b/apps/src/tests/Test1476.tsx
@@ -71,7 +71,7 @@ function ModalA(props: Props) {
 
 const StackBuilder = (
   configs: any,
-  groupOptions?: NativeStackNavigationOptions
+  groupOptions?: NativeStackNavigationOptions,
 ) => {
   return () => (
     <NativeStack.Group screenOptions={groupOptions}>
@@ -113,7 +113,7 @@ const ScreenGroup = StackBuilder(
     gestureEnabled: true,
     contentStyle: { backgroundColor: 'white' },
     fullScreenGestureEnabled: true,
-  }
+  },
 );
 
 const ModalGroup = StackBuilder(
@@ -130,7 +130,7 @@ const ModalGroup = StackBuilder(
     presentation: 'containedTransparentModal',
     fullScreenGestureEnabled: true,
     animationMatchesGesture: true,
-  }
+  },
 );
 
 export default function TestModalPresentation() {
diff --git a/apps/src/tests/Test1539.tsx b/apps/src/tests/Test1539.tsx
index e3440a3973..332f4a9510 100644
--- a/apps/src/tests/Test1539.tsx
+++ b/apps/src/tests/Test1539.tsx
@@ -33,7 +33,7 @@ function RootScreen() {
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50
+        : (1 - reaProgress.progress.value) * 50) + 50,
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
diff --git a/apps/src/tests/Test1802.tsx b/apps/src/tests/Test1802.tsx
index 9714100e2c..a82e59e036 100644
--- a/apps/src/tests/Test1802.tsx
+++ b/apps/src/tests/Test1802.tsx
@@ -136,7 +136,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number
+  height: number,
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test1844.tsx b/apps/src/tests/Test1844.tsx
index 1dc72293b8..4a9ffa2d4f 100644
--- a/apps/src/tests/Test1844.tsx
+++ b/apps/src/tests/Test1844.tsx
@@ -104,7 +104,7 @@ function Post({ onPress }: { onPress?: () => void }) {
 function generatePhotos(
   amount: number,
   width: number,
-  height: number
+  height: number,
 ): JSX.Element[] {
   const startFrom = Math.floor(Math.random() * 20) + 10;
   return Array.from({ length: amount }, (_, index) => {
diff --git a/apps/src/tests/Test263.js b/apps/src/tests/Test263.js
index d41e8f1425..5be4222247 100644
--- a/apps/src/tests/Test263.js
+++ b/apps/src/tests/Test263.js
@@ -34,7 +34,7 @@ class DraggableBox extends Component {
           },
         },
       ],
-      { useNativeDriver: true }
+      { useNativeDriver: true },
     );
   }
 
diff --git a/apps/src/tests/Test432.tsx b/apps/src/tests/Test432.tsx
index b132c5e4b5..5a0843dbc0 100644
--- a/apps/src/tests/Test432.tsx
+++ b/apps/src/tests/Test432.tsx
@@ -44,7 +44,7 @@ const RootNavigator = () => {
         <Text>Close</Text>
       </Pressable>
     ),
-    [navigation]
+    [navigation],
   );
   return (
     <RootStack.Navigator screenOptions={{ headerShown: false }}>
diff --git a/apps/src/tests/Test593.tsx b/apps/src/tests/Test593.tsx
index e370ff4c7e..c06916b1a2 100644
--- a/apps/src/tests/Test593.tsx
+++ b/apps/src/tests/Test593.tsx
@@ -38,7 +38,7 @@ function Deeper({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
@@ -64,9 +64,9 @@ function Deeper({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Deeper transitionStart ' +
-            (data.closing ? 'closing' : 'opening')
+            (data.closing ? 'closing' : 'opening'),
         );
-      }
+      },
     );
 
     return unsubscribe;
@@ -77,7 +77,7 @@ function Deeper({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Deeper transitionEnd ' +
-          (data.closing ? 'closing' : 'opening')
+          (data.closing ? 'closing' : 'opening'),
       );
     });
 
@@ -125,7 +125,7 @@ function Status({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
@@ -151,9 +151,9 @@ function Status({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Status transitionStart ' +
-            (data.closing ? 'closing' : 'opening')
+            (data.closing ? 'closing' : 'opening'),
         );
-      }
+      },
     );
 
     return unsubscribe;
@@ -164,7 +164,7 @@ function Status({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Status transitionEnd ' +
-          (data.closing ? 'closing' : 'opening')
+          (data.closing ? 'closing' : 'opening'),
       );
     });
 
@@ -191,7 +191,7 @@ function Privacy({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
@@ -217,9 +217,9 @@ function Privacy({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Privacy transitionStart ' +
-            (data.closing ? 'closing' : 'opening')
+            (data.closing ? 'closing' : 'opening'),
         );
-      }
+      },
     );
 
     return unsubscribe;
@@ -230,7 +230,7 @@ function Privacy({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Privacy transitionEnd ' +
-          (data.closing ? 'closing' : 'opening')
+          (data.closing ? 'closing' : 'opening'),
       );
     });
 
@@ -257,7 +257,7 @@ function Another({ navigation }: Props) {
           }`,
           backgroundColor: 'orange',
         });
-      }
+      },
     );
 
     return unsubscribe;
@@ -283,9 +283,9 @@ function Another({ navigation }: Props) {
         console.warn(
           Platform.OS +
             ' Another transitionStart ' +
-            (data.closing ? 'closing' : 'opening')
+            (data.closing ? 'closing' : 'opening'),
         );
-      }
+      },
     );
 
     return unsubscribe;
@@ -296,7 +296,7 @@ function Another({ navigation }: Props) {
       console.warn(
         Platform.OS +
           ' Another transitionEnd ' +
-          (data.closing ? 'closing' : 'opening')
+          (data.closing ? 'closing' : 'opening'),
       );
     });
 
diff --git a/apps/src/tests/Test860.tsx b/apps/src/tests/Test860.tsx
index fdb1154823..560498a19f 100644
--- a/apps/src/tests/Test860.tsx
+++ b/apps/src/tests/Test860.tsx
@@ -137,7 +137,7 @@ function Home({
           setStatusBarColor(
             statusBarColor === 'mediumseagreen'
               ? 'rgba(255,128,128,0.5)'
-              : 'mediumseagreen'
+              : 'mediumseagreen',
           );
         }}
       />
@@ -148,7 +148,7 @@ function Home({
             statusBarColor,
           });
           setStatusBarColor(
-            statusBarColor === 'mediumseagreen' ? 'orange' : 'mediumseagreen'
+            statusBarColor === 'mediumseagreen' ? 'orange' : 'mediumseagreen',
           );
         }}
       />
@@ -186,7 +186,7 @@ function Home({
             statusBarAnimation,
           });
           setStatusBarAnimation(
-            statusBarAnimation === 'none' ? 'slide' : 'none'
+            statusBarAnimation === 'none' ? 'slide' : 'none',
           );
         }}
       />
@@ -197,7 +197,7 @@ function Home({
             navigationBarColor,
           });
           setNavigationBarColor(
-            navigationBarColor === 'green' ? 'powderblue' : 'green'
+            navigationBarColor === 'green' ? 'powderblue' : 'green',
           );
         }}
       />
diff --git a/apps/src/tests/Test887.tsx b/apps/src/tests/Test887.tsx
index e907c37531..69a862c1c0 100644
--- a/apps/src/tests/Test887.tsx
+++ b/apps/src/tests/Test887.tsx
@@ -72,7 +72,7 @@ function SiblingView() {
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50
+        : (1 - reaProgress.progress.value) * 50) + 50,
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
@@ -111,7 +111,7 @@ function First({
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50
+        : (1 - reaProgress.progress.value) * 50) + 50,
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
@@ -207,7 +207,7 @@ const Dialog = ({
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50
+        : (1 - reaProgress.progress.value) * 50) + 50,
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
diff --git a/babel.config.js b/babel.config.js
index cef1356026..f842b77fcf 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    'module:metro-react-native-babel-preset',
-  ],
+  presets: ['module:metro-react-native-babel-preset'],
 };
diff --git a/guides/CONTRIBUTING.md b/guides/CONTRIBUTING.md
index 0ba1fd15e7..0e8fd74494 100644
--- a/guides/CONTRIBUTING.md
+++ b/guides/CONTRIBUTING.md
@@ -2,19 +2,20 @@
 
 ## Welcome!
 
-Thank you for considering contributing to `react-native-screens`. It's people like you that make open source projects thrive! We love to receive contributions from our community and there are many ways for *you* to be a part of this. 
+Thank you for considering contributing to `react-native-screens`. It's people like you that make open source projects thrive! We love to receive contributions from our community and there are many ways for _you_ to be a part of this.
 
 ### Found a bug?
 
 If you’ve encountered a bug, don't hesitate to submit [an issue](https://github.com/software-mansion/react-native-screens/issues). Just check if someone didn't report it lately.
 
 When filing an issue, make sure to provide:
+
 - a short description of the problem
 - an operating system that you are currently working on
 - what happened
 - what you expected to happen
 - **snippet of code or Snack that reproduces the bug**. Check out [this guide](https://stackoverflow.com/help/minimal-reproducible-example)
-- version of `react-native` and `react-native-screens` 
+- version of `react-native` and `react-native-screens`
 
 ### Got a question or an idea for a feature?
 
@@ -28,13 +29,13 @@ We inform you that unrespectful issues will be closed.
 
 ## Ways to Contribute
 
-1. **Replying and handling open issues** &ndash; great way to contribute without writing a single line of code is triaging the issues. We often get issues that have generic errors, occur only in very specific cases, do not have proper example or reproducible repository. One way to help is preparing and filling those details, which will help other contributors get up to speed with the issue faster. 
+1. **Replying and handling open issues** &ndash; great way to contribute without writing a single line of code is triaging the issues. We often get issues that have generic errors, occur only in very specific cases, do not have proper example or reproducible repository. One way to help is preparing and filling those details, which will help other contributors get up to speed with the issue faster.
 
 2. **Reviewing pull requests** &ndash; reviewing Pull Requests is crucial as it may help catch the corner cases or bugs that the developer did not notice. Every review matters as it may help polish quality of the library.
 
-3. **Contributing to Code** &ndash; code-level contributions generally come in the form of pull requests. By contributing to code you help us with solving issues, fixing bugs or introducing new amazing features. If you want to start your adventure with open source it's good idea to take a look at [good first issue](https://github.com/software-mansion/react-native-screens/pulls?q=is%3Apr+is%3Aopen+label%3A%22good+first+issue%22) on GitHub. Read more about [contributing to code](#contributing-to-code). 
+3. **Contributing to Code** &ndash; code-level contributions generally come in the form of pull requests. By contributing to code you help us with solving issues, fixing bugs or introducing new amazing features. If you want to start your adventure with open source it's good idea to take a look at [good first issue](https://github.com/software-mansion/react-native-screens/pulls?q=is%3Apr+is%3Aopen+label%3A%22good+first+issue%22) on GitHub. Read more about [contributing to code](#contributing-to-code).
 
-### Repository overview 
+### Repository overview
 
 - `android` &ndash; source code of native implementation for Android
 - `common` &ndash; C++ code related to components - shadow nodes and state
@@ -49,24 +50,24 @@ We inform you that unrespectful issues will be closed.
 - `react-navigation` &ndash; git submodule that refers to the react-navigation repository. Used mainly to test changes for newer versions of native stack.
 - `reanimated` &ndash; interop between react-native-screens and react-native-reanimated
 - `scripts` &ndash; utility scripts, used by CLI
-- `src` &ndash; library TS core code 
+- `src` &ndash; library TS core code
 - `TVOSExample` &ndash; React Native example app for TVOS
 - `windows` &ndash; source code of native implementation for Windows
 
-## Handling open issues 
+## Handling open issues
 
-Often understanding and reproducing the problem can be very time consuming task. The great way to help other contributors get up to the speed with solving an issue is providing detailed description and *reproducible* example. The GitHub already has a template for creating issue, nevertheless we still encounter issues that do not have all necessary details, like:
+Often understanding and reproducing the problem can be very time consuming task. The great way to help other contributors get up to the speed with solving an issue is providing detailed description and _reproducible_ example. The GitHub already has a template for creating issue, nevertheless we still encounter issues that do not have all necessary details, like:
 
 - repository that we can clone and quickly see the problem,
 - very generic reproduction steps,
 - missing description,
-- not related or truncated stack trace. 
+- not related or truncated stack trace.
 
 What you can do is ask the owner of an issue for such details or try provide them by yourself - try to reproduce the problem and provide missing details, so other developer can start debugging straightaway! 🎉
 
 ## Contributing to Code
 
-Submitting Pull Requests that resolve issues is great way to contribute to Screens. If you eager to start contributing right away, we have list of [good first issues](https://github.com/software-mansion/react-native-screens/pulls?q=is%3Apr+is%3Aopen+label%3A%22good+first+issue%22) that contain bugs which have limited scope. In this section we'll describe in more details how to play around with react-native-screens setup. 
+Submitting Pull Requests that resolve issues is great way to contribute to Screens. If you eager to start contributing right away, we have list of [good first issues](https://github.com/software-mansion/react-native-screens/pulls?q=is%3Apr+is%3Aopen+label%3A%22good+first+issue%22) that contain bugs which have limited scope. In this section we'll describe in more details how to play around with react-native-screens setup.
 
 > [!tip]
 > For commits and pull request names we follow a [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) specification.
@@ -99,7 +100,7 @@ and open `react-native-screens/Example/android` with Android Studio.
 
 ![Android Studio](android_studio.png)
 
-The native source code of react-native-screens can be found in `react-native-screens` module, in `kotlin+java/com.swmansion.rnscreens` (ensuring your project view is in the `Android` mode). Making sure metro builder is run, you can now build React Native app or debug native code. 
+The native source code of react-native-screens can be found in `react-native-screens` module, in `kotlin+java/com.swmansion.rnscreens` (ensuring your project view is in the `Android` mode). Making sure metro builder is run, you can now build React Native app or debug native code.
 
 ### Working on iOS
 
@@ -117,31 +118,33 @@ and open `react-native-screens/Example/ios/ScreensExample.xcworkspace` with XCod
 
 ![XCode](xcode.png)
 
-To find the native source code of `react-native-screens` navigate to `Pods > Development Pods >  RNScreens > ScreensExample > node_modules > react-native-screens > ios` or `Pods > Development Pods > RNScreens > .. > ScreensExample > node_modules > react-native-screens > ios`. Making sure metro builder is run, you can now build React Native app or debug native code. 
+To find the native source code of `react-native-screens` navigate to `Pods > Development Pods >  RNScreens > ScreensExample > node_modules > react-native-screens > ios` or `Pods > Development Pods > RNScreens > .. > ScreensExample > node_modules > react-native-screens > ios`. Making sure metro builder is run, you can now build React Native app or debug native code.
 
-### Fabric 
+### Fabric
 
-Codegen introduced by the [new architecture](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/codegen.md) is fired automatically for iOS while runing `pod install` or when runing `FabricExample` in Android Studio. Developer can also run it manually by going into `./FabricExample/android` and running `./gradlew generateCodegenArtifactsFromSchema`. In both cases it is important to copy changed files from `/android/build/generated/source/codegen/java/com/facebook/react/viewmanagers/` to `android/src/paper/java/com/facebook/react/viewmanagers/`, so the interfaces are in sync for Paper architecture. 
+Codegen introduced by the [new architecture](https://github.com/reactwg/react-native-new-architecture/blob/main/docs/codegen.md) is fired automatically for iOS while runing `pod install` or when runing `FabricExample` in Android Studio. Developer can also run it manually by going into `./FabricExample/android` and running `./gradlew generateCodegenArtifactsFromSchema`. In both cases it is important to copy changed files from `/android/build/generated/source/codegen/java/com/facebook/react/viewmanagers/` to `android/src/paper/java/com/facebook/react/viewmanagers/`, so the interfaces are in sync for Paper architecture.
 
 ### Preparing Pull Request
 
 When your code changes are ready, it is time to open your Pull Request. GitHub already has a template that helps you properly post your changes. The most crucial are:
 
 1. **Description**:
- - If you're solving specific issue, start with linking it.
- - Write what are your motivations. 
+
+- If you're solving specific issue, start with linking it.
+- Write what are your motivations.
+
 2. **Changes** - write what you have changes and why.
 3. **Screenshots / GIFs** &ndash; if applicable it's great idea to attach screen or video before and after changes.
-4. **Test code and steps to reproduce** &ndash; describe how others can test your change, if you didn't add `Test*.tsx` file it's good idea to add code snippets here. 
+4. **Test code and steps to reproduce** &ndash; describe how others can test your change, if you didn't add `Test*.tsx` file it's good idea to add code snippets here.
 
-### Do I need to prepare Pull Request for react-navigation too? 
+### Do I need to prepare Pull Request for react-navigation too?
 
-Currently, native stack is both in `react-native-screens` and `react-navigation`. `react-native-screens` contains native-stack v5 (`src/native-stack`), newer versions (v6, v7) are moved to `react-navigation` (available on branches `main`, `6.x`), hence in some cases it is necessary to prepare a pull request for `react-navigation` alongside the `react-native-screens` changes. 
+Currently, native stack is both in `react-native-screens` and `react-navigation`. `react-native-screens` contains native-stack v5 (`src/native-stack`), newer versions (v6, v7) are moved to `react-navigation` (available on branches `main`, `6.x`), hence in some cases it is necessary to prepare a pull request for `react-navigation` alongside the `react-native-screens` changes.
 
 > [!CAUTION]
 > Currently, in this setup we have some code duplications that we're aware of. We're planning to deprecate native-stack v5 soon and remove it from react-native-screens.
 
-#### Changes in native code 
+#### Changes in native code
 
 If your change is only related to the native code (for example you're fixing a bug), you **do not need** to create a PR in the `react-navigation` repository. `react-native-screens` is a separate library installed alongside `react-navigation`, so you can just increase version of `react-native-screens` in your package.json file.
 
@@ -152,6 +155,7 @@ If you're changing native-stack v5 (`src/native-stack`) you **do not need** to c
 If you're changing native-stack v6, v7 you **need to** create a PR in the `react-navigation` repository, since the code belongs there now.
 
 If you're changing core functionality:
+
 - If it's a bug fix and does not change the interface, then you **do not need** to create a PR in `react-navigation` repository.
 - If you're adding a new feature or changing API, you **need to** create a PR in `react-navigation` repository, that exposes new changes.
 
@@ -173,4 +177,4 @@ When you propose the changes that require creating a PR to the `react-navigation
 > [!WARNING]
 > Those steps are crucial, since changing the API in react-native-screens without merging react-navigation changes may cause both libraries going out of sync and crashing (i.e. because of not existing property). On the other hand, if you don't perform step 6 and 7, test examples and showcase app may stop working in react-native-screens.
 
-See you on GitHub! 🎉
\ No newline at end of file
+See you on GitHub! 🎉
diff --git a/guides/GUIDE_FOR_LIBRARY_AUTHORS.md b/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
index 4437a1343a..8ded1b65fb 100644
--- a/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
+++ b/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
@@ -143,9 +143,10 @@ Sets the current screen's available orientations and forces rotation if current
 - `landscape_right`
 
 Defaults to `default` on iOS.
+
 ### `sheetAllowedDetents` (iOS only)
 
-Describes heights where a sheet can rest. 
+Describes heights where a sheet can rest.
 Works only when `stackPresentation` is set to `formSheet`.
 
 Available values:
@@ -180,16 +181,16 @@ Defaults to `false`.
 
 ### `sheetLargestUndimmedDetent` (iOS only)
 
- The largest sheet detent for which a view underneath won't be dimmed.
- Works only when `stackPresentation` is set to `formSheet`.
+The largest sheet detent for which a view underneath won't be dimmed.
+Works only when `stackPresentation` is set to `formSheet`.
 
- If this prop is set to:
+If this prop is set to:
 
- - `large` - the view underneath won't be dimmed at any detent level
- - `medium` - the view underneath will be dimmed only when detent level is `large`
- - `all` - the view underneath will be dimmed for any detent level
+- `large` - the view underneath won't be dimmed at any detent level
+- `medium` - the view underneath will be dimmed only when detent level is `large`
+- `all` - the view underneath will be dimmed for any detent level
 
- Defaults to `all`.
+Defaults to `all`.
 
 ### `stackAnimation`
 
@@ -342,7 +343,7 @@ function Home() {
     () =>
       (reaProgress.progress.value < 0.5
         ? reaProgress.progress.value * 50
-        : (1 - reaProgress.progress.value) * 50) + 50
+        : (1 - reaProgress.progress.value) * 50) + 50,
   );
   const reaStyle = useAnimatedStyle(() => {
     return {
@@ -447,7 +448,8 @@ Boolean indicating whether to show the menu on longPress of iOS >= 14 back butto
 
 ### `backButtonDisplayMode` (iOS only)
 
-Enum value indicating display mode of **default** back button. It works on iOS >= 14, and is used only when none of:  `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` or `backTitle` is set. Otherwise, when the button is customized, under the hood we use iOS native `backButtonItem` which overrides `backButtonDisplayMode`. Read more [#2123](https://github.com/software-mansion/react-native-screens/pull/2123). Possible options:
+Enum value indicating display mode of **default** back button. It works on iOS >= 14, and is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` or `backTitle` is set. Otherwise, when the button is customized, under the hood we use iOS native `backButtonItem` which overrides `backButtonDisplayMode`. Read more [#2123](https://github.com/software-mansion/react-native-screens/pull/2123). Possible options:
+
 - `default` – show given back button previous controller title, system generic or just icon based on available space
 - `generic` – show given system generic or just icon based on available space
 - `minimal` – show just an icon
diff --git a/native-stack/README.md b/native-stack/README.md
index f38cecb18a..302832edea 100644
--- a/native-stack/README.md
+++ b/native-stack/README.md
@@ -1,6 +1,6 @@
 # Native Stack Navigator
 
-> **_NOTE:_**  This README is dedicated for using `native-stack` with React Navigation **v5**. For using `native-stack` in React Navigation **v6** please refer to the [Native Stack Navigator part of React Navigation documentation](https://reactnavigation.org/docs/native-stack-navigator).
+> **_NOTE:_** This README is dedicated for using `native-stack` with React Navigation **v5**. For using `native-stack` in React Navigation **v6** please refer to the [Native Stack Navigator part of React Navigation documentation](https://reactnavigation.org/docs/native-stack-navigator).
 
 Provides a way for your app to transition between screens where each new screen is placed on top of a stack.
 
@@ -81,7 +81,8 @@ Boolean indicating whether to show the menu on longPress of iOS >= 14 back butto
 
 #### `backButtonDisplayMode` (iOS only)
 
-Enum value indicating display mode of **default** back button. It works on iOS >= 14, and is used only when none of:  `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` or `backTitle` is set. Otherwise, when the button is customized, under the hood we use iOS native `backButtonItem` which overrides `backButtonDisplayMode`. Read more [#2123](https://github.com/software-mansion/react-native-screens/pull/2123). Possible options:
+Enum value indicating display mode of **default** back button. It works on iOS >= 14, and is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` or `backTitle` is set. Otherwise, when the button is customized, under the hood we use iOS native `backButtonItem` which overrides `backButtonDisplayMode`. Read more [#2123](https://github.com/software-mansion/react-native-screens/pull/2123). Possible options:
+
 - `default` – show given back button previous controller title, system generic or just icon based on available space
 - `generic` – show given system generic or just icon based on available space
 - `minimal` – show just an icon
@@ -96,7 +97,7 @@ Whether you can use gestures to dismiss this screen. Defaults to `true`.
 
 #### `gestureResponseDistance` (iOS only)
 
-Use it to restrict the distance from the edges of screen in which the gesture should be recognized. To be used alongside `fullScreenSwipeEnabled`. The responsive area is covered with 4 values: `start`, `end`, `top`, `bottom`. Example usage: 
+Use it to restrict the distance from the edges of screen in which the gesture should be recognized. To be used alongside `fullScreenSwipeEnabled`. The responsive area is covered with 4 values: `start`, `end`, `top`, `bottom`. Example usage:
 
 ```tsx
 gestureResponseDistance: {
@@ -196,13 +197,13 @@ Style object for header title. Supported properties:
 
 #### `headerTopInsetEnabled` (Android only)
 
-A Boolean to that lets you opt out of insetting the header. You may want to * set this to `false` if you use an opaque status bar. Defaults to `true`. Insets are always applied on iOS because the header cannot be opaque.
+A Boolean to that lets you opt out of insetting the header. You may want to \* set this to `false` if you use an opaque status bar. Defaults to `true`. Insets are always applied on iOS because the header cannot be opaque.
 
 #### `headerTranslucent`
 
 Boolean indicating whether the navigation bar is translucent.
 
-####  `hideKeyboardOnSwipe` (iOS only)
+#### `hideKeyboardOnSwipe` (iOS only)
 
 Whether the keyboard should hide when swiping to the previous screen. Defaults to `false`.
 
@@ -229,14 +230,15 @@ Sets the visibility of the navigation bar. Defaults to `false`.
 
 How should the screen replacing another screen animate.
 The following values are currently supported:
-  - `push` – the new screen will perform push animation.
-  - `pop` – the new screen will perform pop animation.
+
+- `push` – the new screen will perform push animation.
+- `pop` – the new screen will perform pop animation.
 
 Defaults to `pop`.
 
 #### `sheetAllowedDetents` (iOS only)
 
-Describes heights where a sheet can rest. 
+Describes heights where a sheet can rest.
 Works only when `stackPresentation` is set to `formSheet`.
 
 Available values:
@@ -271,16 +273,16 @@ Defaults to `false`.
 
 #### `sheetLargestUndimmedDetent` (iOS only)
 
- The largest sheet detent for which a view underneath won't be dimmed.
- Works only when `stackPresentation` is set to `formSheet`.
+The largest sheet detent for which a view underneath won't be dimmed.
+Works only when `stackPresentation` is set to `formSheet`.
 
- If this prop is set to:
+If this prop is set to:
 
- - `large` - the view underneath won't be dimmed at any detent level
- - `medium` - the view underneath will be dimmed only when detent level is `large`
- - `all` - the view underneath will be dimmed for any detent level
+- `large` - the view underneath won't be dimmed at any detent level
+- `medium` - the view underneath will be dimmed only when detent level is `large`
+- `all` - the view underneath will be dimmed for any detent level
 
- Defaults to `all`.
+Defaults to `all`.
 
 #### `stackAnimation`
 
@@ -318,6 +320,7 @@ Using `containedModal` and `containedTransparentModal` with other types of modal
 #### `swipeDirection` (iOS only)
 
 Sets the direction in which you should swipe to dismiss the screen. The following values are supported:
+
 - `vertical` – dismiss screen vertically
 - `horizontal` – dismiss screen horizontally (default)
 
@@ -342,25 +345,28 @@ Defaults to `false`. When `enableFreeze()` is run at the top of the application
 #### `useTransitionProgress`
 
 Hook providing context value of transition progress of the current screen to be used with `react-native` `Animated`. It consists of 2 values:
+
 - `progress` - `Animated.Value` between `0.0` and `1.0` with the progress of the current transition.
 - `closing` - `Animated.Value` of `1` or `0` indicating if the current screen is being navigated into or from.
 - `goingForward` - `Animated.Value` of `1` or `0` indicating if the current transition is pushing or removing screens.
 
 ```jsx
-import {Animated} from 'react-native';
-import {useTransitionProgress} from 'react-native-screens';
+import { Animated } from 'react-native';
+import { useTransitionProgress } from 'react-native-screens';
 
 function Home() {
-  const {progress} = useTransitionProgress();
+  const { progress } = useTransitionProgress();
 
   const opacity = progress.interpolate({
     inputRange: [0, 0.5, 1],
-    outputRange: [1.0, 0.0 ,1.0],
+    outputRange: [1.0, 0.0, 1.0],
     extrapolate: 'clamp',
   });
 
   return (
-    <Animated.View style={{opacity, height: 50, width: '100%', backgroundColor: 'green'}} />
+    <Animated.View
+      style={{ opacity, height: 50, width: '100%', backgroundColor: 'green' }}
+    />
   );
 }
 ```
@@ -368,14 +374,15 @@ function Home() {
 #### `useReanimatedTransitionProgress`
 
 A callback called every frame during the transition of screens to be used with `react-native-reanimated` version `2.x`. It consists of 2 shared values:
+
 - `progress` - between `0.0` and `1.0` with the progress of the current transition.
-- `closing` -  `1` or `0` indicating if the current screen is being navigated into or from.
+- `closing` - `1` or `0` indicating if the current screen is being navigated into or from.
 - `goingForward` - `1` or `0` indicating if the current transition is pushing or removing screens.
 
 In order to use it, you need to have `react-native-reanimated` version `2.x` installed in your project and wrap your code with `ReanimatedScreenProvider`, like this:
 
 ```jsx
-import {ReanimatedScreenProvider} from 'react-native-screens/reanimated';
+import { ReanimatedScreenProvider } from 'react-native-screens/reanimated';
 
 export default function App() {
   return (
@@ -389,12 +396,20 @@ export default function App() {
 Then you can use `useReanimatedTransitionProgress` to get the shared values:
 
 ```jsx
-import {useReanimatedTransitionProgress} from 'react-native-screens/reanimated';
-import Animated, {useAnimatedStyle, useDerivedValue} from 'react-native-reanimated';
+import { useReanimatedTransitionProgress } from 'react-native-screens/reanimated';
+import Animated, {
+  useAnimatedStyle,
+  useDerivedValue,
+} from 'react-native-reanimated';
 
 function Home() {
   const reaProgress = useReanimatedTransitionProgress();
-  const sv = useDerivedValue(() => (reaProgress.progress.value < 0.5 ? (reaProgress.progress.value * 50) : ((1 - reaProgress.progress.value) * 50)) + 50);
+  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,
@@ -403,9 +418,7 @@ function Home() {
     };
   });
 
-  return (
-    <Animated.View style={reaStyle} />
-  );
+  return <Animated.View style={reaStyle} />;
 }
 ```
 
@@ -413,10 +426,11 @@ function Home() {
 
 With `native-stack`, the status bar and screen orientation can be managed by `UIViewController` on iOS. On Android, the status bar and screen orientation can be managed by `FragmentActivity`. On iOS, it requires:
 
-1. For status bar managment: enabling (or deleting) `View controller-based status bar appearance` in your Info.plist file (it disables the option to use React Native's `StatusBar` component). 
+1. For status bar managment: enabling (or deleting) `View controller-based status bar appearance` in your Info.plist file (it disables the option to use React Native's `StatusBar` component).
 2. For both status bar and orientation managment: adding `#import <RNScreens/UIViewController+RNScreens.h>` in your project's `AppDelegate.m` (you can see this change applied in the `AppDelegate.m` of `Example` project).
 
 On Android, no additional setup is required, although, you should keep in mind that once you set the orientation or status bar props, `react-native-screens` will manage them on every screen, so you shouldn't use other methods of manipulating them then.
+
 #### `screenOrientation`
 
 Sets the current screen's available orientations and forces rotation if current orientation is not included. On iOS, if you have supported orientations set in `info.plist`, they will take precedence over this prop. Possible values:
@@ -462,14 +476,14 @@ Sets the translucency of the status bar (similar to the `StatusBar` component).
 
 The search bar is just a `searchBar` property that can be specified in the navigator's `screenOptions` or an individual screen's `options`. Search bars are rarely static so normally it is controlled by passing an object to `searchBar` navigation option in the component's body.
 
-Example: 
+Example:
 
 ```js
 React.useLayoutEffect(() => {
   navigation.setOptions({
     searchBar: {
       // search bar options
-    }
+    },
   });
 }, [navigation]);
 ```
@@ -510,7 +524,7 @@ The text to be used instead of default `Cancel` button text.
 
 #### `disableBackButtonOverride` (Android only)
 
-Default behavior is to prevent screen from going back when search bar is open (`disableBackButtonOverride: false`). If you don't want this to happen set `disableBackButtonOverride` to `true` 
+Default behavior is to prevent screen from going back when search bar is open (`disableBackButtonOverride: false`). If you don't want this to happen set `disableBackButtonOverride` to `true`
 
 #### `hideNavigationBar` (iOS only)
 
@@ -529,12 +543,13 @@ Defaults to `true`.
 This prop is used to change type of the input and keyboard. Default value is `'text'`.
 
 All values:
+
 - `'text'` - normal text input
 - `'number'` - number input
 - `'email'` - email input
 - `'phone'` - phone input
 
-####  `obscureBackground` (iOS only)
+#### `obscureBackground` (iOS only)
 
 Boolean indicating whether to obscure the underlying content with semi-transparent overlay.
 
@@ -560,11 +575,12 @@ const [search, setSearch] = React.useState('');
 React.useLayoutEffect(() => {
   navigation.setOptions({
     searchBar: {
-      onChangeText: (event) => setSearch(event.nativeEvent.text),
-    }
+      onChangeText: event => setSearch(event.nativeEvent.text),
+    },
   });
 }, [navigation]);
 ```
+
 #### `onClose` (Android only)
 
 A callback that gets called when search bar is closing
@@ -590,15 +606,15 @@ Defaults to an empty string.
 #### `placement` (iOS only)
 
 Position of the search bar
-   
+
 Supported values:
- 
-* `automatic` - the search bar is placed according to current layout
-* `inline` - the search bar is placed on the trailing edge of navigation bar
-* `stacked` - the search bar is placed below the other content in navigation bar
+
+- `automatic` - the search bar is placed according to current layout
+- `inline` - the search bar is placed on the trailing edge of navigation bar
+- `stacked` - the search bar is placed below the other content in navigation bar
 
 Defaults to `stacked`
-  
+
 #### `textColor`
 
 The search field text color.
@@ -619,12 +635,12 @@ Show the search hint icon when search bar is focused. (Android only)
 
 A React ref to imperatively modify search bar. Supported actions:
 
-*  `focus` - focus on search bar
-*  `blur` - remove focus from search bar
-*  `clearText` - clear text in search bar
-*  `setText` - set search bar's content to given string
-*  `cancelSearch` - cancel search in search bar.
-*  `toggleCancelButton` (iOS only) - toggle cancel button display near search bar.
+- `focus` - focus on search bar
+- `blur` - remove focus from search bar
+- `clearText` - clear text in search bar
+- `setText` - set search bar's content to given string
+- `cancelSearch` - cancel search in search bar.
+- `toggleCancelButton` (iOS only) - toggle cancel button display near search bar.
 
 ### Events
 
@@ -639,16 +655,13 @@ Event which fires when the screen appears.
 Example:
 
 ```js
-React.useEffect(
-  () => {
-    const unsubscribe = navigation.addListener('appear', e => {
-      // Do something
-    });
-
-    return unsubscribe;
-  },
-  [navigation]
-);
+React.useEffect(() => {
+  const unsubscribe = navigation.addListener('appear', e => {
+    // Do something
+  });
+
+  return unsubscribe;
+}, [navigation]);
 ```
 
 #### `dismiss`
@@ -658,16 +671,13 @@ Event which fires when the current screen is dismissed by hardware back (on Andr
 Example:
 
 ```js
-React.useEffect(
-  () => {
-    const unsubscribe = navigation.addListener('dismiss', e => {
-      // Do something
-    });
-
-    return unsubscribe;
-  },
-  [navigation]
-);
+React.useEffect(() => {
+  const unsubscribe = navigation.addListener('dismiss', e => {
+    // Do something
+  });
+
+  return unsubscribe;
+}, [navigation]);
 ```
 
 #### `transitionStart`
@@ -681,20 +691,17 @@ Event data:
 Example:
 
 ```js
-React.useEffect(
-  () => {
-    const unsubscribe = navigation.addListener('transitionStart', e => {
-      if (e.data.closing) {
-        // Will be dismissed
-      } else {
-        // Will appear
-      }
-    });
-
-    return unsubscribe;
-  },
-  [navigation]
-);
+React.useEffect(() => {
+  const unsubscribe = navigation.addListener('transitionStart', e => {
+    if (e.data.closing) {
+      // Will be dismissed
+    } else {
+      // Will appear
+    }
+  });
+
+  return unsubscribe;
+}, [navigation]);
 ```
 
 #### `transitionEnd`
@@ -708,20 +715,17 @@ Event data:
 Example:
 
 ```js
-React.useEffect(
-  () => {
-    const unsubscribe = navigation.addListener('transitionEnd', e => {
-      if (e.data.closing) {
-        // Was dismissed
-      } else {
-        // Did appear
-      }
-    });
-
-    return unsubscribe;
-  },
-  [navigation]
-);
+React.useEffect(() => {
+  const unsubscribe = navigation.addListener('transitionEnd', e => {
+    if (e.data.closing) {
+      // Was dismissed
+    } else {
+      // Did appear
+    }
+  });
+
+  return unsubscribe;
+}, [navigation]);
 ```
 
 ### Helpers
@@ -760,9 +764,10 @@ navigation.popToTop();
 ### Measuring header's height
 
 To measure header's height, you can use the `useHeaderHeight`, `useAnimatedHeaderHeight` or `useReanimatedHeaderHeight` hook.
+
 - `useHeaderHeight` returns the static header's height. The value provided by this hook changes when screen appears, when there's a change in header options or screen orientation.
   Use this hook if you're sure your header height won't change dynamically, or when the screen is heavy.
-- `useAnimatedHeaderHeight` dynamically calculates the header's height. The value provided by this hook changes with every view layout (such as shrinking a large header into small one with a ScrollView). It returns an Animated.Value. 
+- `useAnimatedHeaderHeight` dynamically calculates the header's height. The value provided by this hook changes with every view layout (such as shrinking a large header into small one with a ScrollView). It returns an Animated.Value.
   Please beware of using this hook in heavy components, as it may result in performance issues.
 - `useReanimatedHeaderHeight` also dynamically calculates the header's height but uses React Native Reanimated under the hood. It returns an Animated.SharedValue.
   Make sure to wrap your Stack.Navigator with `ReanimatedScreenProvider` before using this hook.
@@ -771,13 +776,13 @@ We recommend using `useReanimatedHeaderHeight` rather than `useAnimatedHeaderHei
 
 ```tsx
 // for using useHeaderHeight
-import {useHeaderHeight} from 'react-native-screens/native-stack';
+import { useHeaderHeight } from 'react-native-screens/native-stack';
 
 // for using useAnimatedHeaderHeight
-import {useAnimatedHeaderHeight} from 'react-native-screens/native-stack';
+import { useAnimatedHeaderHeight } from 'react-native-screens/native-stack';
 
 // for using useReanimatedHeaderHeight
-import {useReanimatedHeaderHeight} from 'react-native-screens/reanimated';
+import { useReanimatedHeaderHeight } from 'react-native-screens/reanimated';
 ```
 
 ## Example
diff --git a/react-native.config.js b/react-native.config.js
index 9b382b3442..fbaa3f52ae 100644
--- a/react-native.config.js
+++ b/react-native.config.js
@@ -11,20 +11,22 @@ try {
 module.exports = {
   dependency: {
     platforms: {
-      android: supportsCodegenConfig ? {
-        componentDescriptors: [
-          "RNSFullWindowOverlayComponentDescriptor",
-          "RNSScreenContainerComponentDescriptor",
-          "RNSScreenNavigationContainerComponentDescriptor",
-          "RNSScreenStackHeaderConfigComponentDescriptor",
-          "RNSScreenStackHeaderSubviewComponentDescriptor",
-          "RNSScreenStackComponentDescriptor",
-          "RNSSearchBarComponentDescriptor",
-          'RNSScreenComponentDescriptor',
-          'RNSModalScreenComponentDescriptor'
-        ],
-        cmakeListsPath: "../android/src/main/jni/CMakeLists.txt"
-      } : {},
+      android: supportsCodegenConfig
+        ? {
+            componentDescriptors: [
+              'RNSFullWindowOverlayComponentDescriptor',
+              'RNSScreenContainerComponentDescriptor',
+              'RNSScreenNavigationContainerComponentDescriptor',
+              'RNSScreenStackHeaderConfigComponentDescriptor',
+              'RNSScreenStackHeaderSubviewComponentDescriptor',
+              'RNSScreenStackComponentDescriptor',
+              'RNSSearchBarComponentDescriptor',
+              'RNSScreenComponentDescriptor',
+              'RNSModalScreenComponentDescriptor',
+            ],
+            cmakeListsPath: '../android/src/main/jni/CMakeLists.txt',
+          }
+        : {},
     },
   },
-}
+};
diff --git a/scripts/codegen-utils.js b/scripts/codegen-utils.js
index f760240ad4..940a427c64 100644
--- a/scripts/codegen-utils.js
+++ b/scripts/codegen-utils.js
@@ -3,7 +3,7 @@ const path = require('path');
 const { execSync } = require('child_process');
 const packageJSON = require('../package.json');
 
-const ERROR_PREFIX = 'RNScreens'
+const ERROR_PREFIX = 'RNScreens';
 const ROOT_DIR = path.resolve(__dirname, '..');
 const ANDROID_DIR = path.resolve(ROOT_DIR, 'android');
 const GENERATED_DIR = path.resolve(ANDROID_DIR, 'build/generated');
@@ -13,7 +13,7 @@ const PACKAGE_NAME = packageJSON.codegenConfig.android.javaPackageName;
 const RN_DIR = path.resolve(ROOT_DIR, 'node_modules/react-native');
 const RN_CODEGEN_DIR = path.resolve(
   ROOT_DIR,
-  'node_modules/@react-native/codegen'
+  'node_modules/@react-native/codegen',
 );
 
 const SOURCE_FOLDERS = 'java/com/facebook/react/viewmanagers';
@@ -35,13 +35,13 @@ function fixOldArchJavaForRN72Compat(dir) {
       let fileContent = fs.readFileSync(filePath, 'utf-8');
       let newFileContent = fileContent.replace(
         /extends ReactContextBaseJavaModule implements TurboModule/g,
-        'extends ReactContextBaseJavaModule implements ReactModuleWithSpec, TurboModule'
+        'extends ReactContextBaseJavaModule implements ReactModuleWithSpec, TurboModule',
       );
       if (fileContent !== newFileContent) {
         // also insert an import line with `import com.facebook.react.bridge.ReactModuleWithSpec;`
         newFileContent = newFileContent.replace(
           /import com.facebook.react.bridge.ReactMethod;/,
-          'import com.facebook.react.bridge.ReactMethod;\nimport com.facebook.react.bridge.ReactModuleWithSpec;'
+          'import com.facebook.react.bridge.ReactMethod;\nimport com.facebook.react.bridge.ReactModuleWithSpec;',
         );
 
         console.log(' => fixOldArchJava applied to:', filePath);
@@ -58,10 +58,10 @@ async function generateCodegen() {
   exec(`mkdir -p ${GENERATED_DIR}/source/codegen/`);
 
   exec(
-    `node ${RN_CODEGEN_DIR}/lib/cli/combine/combine-js-to-schema-cli.js --platform android ${GENERATED_DIR}/source/codegen/schema.json ${SPECS_DIR}`
+    `node ${RN_CODEGEN_DIR}/lib/cli/combine/combine-js-to-schema-cli.js --platform android ${GENERATED_DIR}/source/codegen/schema.json ${SPECS_DIR}`,
   );
   exec(
-    `node ${RN_DIR}/scripts/generate-specs-cli.js --platform android --schemaPath ${GENERATED_DIR}/source/codegen/schema.json --outputDir ${GENERATED_DIR}/source/codegen --javaPackageName ${PACKAGE_NAME}`
+    `node ${RN_DIR}/scripts/generate-specs-cli.js --platform android --schemaPath ${GENERATED_DIR}/source/codegen/schema.json --outputDir ${GENERATED_DIR}/source/codegen --javaPackageName ${PACKAGE_NAME}`,
   );
 
   fixOldArchJavaForRN72Compat(`${GENERATED_DIR}/source/codegen/java/`);
@@ -77,21 +77,21 @@ async function generateCodegenJavaOldArch() {
   generatedFiles.forEach(generatedFile => {
     if (!existingFilesSet.has(generatedFile)) {
       console.warn(
-        `[${ERROR_PREFIX}] ${generatedFile} not found in paper dir, if it's used on Android you need to copy it manually and implement yourself before using auto-copy feature.`
+        `[${ERROR_PREFIX}] ${generatedFile} not found in paper dir, if it's used on Android you need to copy it manually and implement yourself before using auto-copy feature.`,
       );
     }
   });
 
   if (oldArchFiles.length === 0) {
     console.warn(
-      `[${ERROR_PREFIX}] Paper destination with codegen interfaces is empty. This might be okay if you don't have any interfaces/delegates used on Android, otherwise please check if OLD_ARCH_DIR and SOURCE_FOLDERS are set properly.`
+      `[${ERROR_PREFIX}] Paper destination with codegen interfaces is empty. This might be okay if you don't have any interfaces/delegates used on Android, otherwise please check if OLD_ARCH_DIR and SOURCE_FOLDERS are set properly.`,
     );
   }
 
   oldArchFiles.forEach(oldArchFile => {
     if (!fs.existsSync(`${CODEGEN_FILES_DIR}/${oldArchFile}`)) {
       console.warn(
-        `[${ERROR_PREFIX}] ${existingFile.name} file does not exist in codegen artifacts source destination. Please check if you still need this interface/delagete.`
+        `[${ERROR_PREFIX}] ${existingFile.name} file does not exist in codegen artifacts source destination. Please check if you still need this interface/delagete.`,
       );
     }
   });
@@ -107,7 +107,7 @@ function compareFileAtTwoPaths(filename, firstPath, secondPath) {
 
   if (fileA !== fileB) {
     throw new Error(
-      `[${ERROR_PREFIX}] File ${filename} is different at ${firstPath} and ${secondPath}. Make sure you commited codegen autogenerated files.`
+      `[${ERROR_PREFIX}] File ${filename} is different at ${firstPath} and ${secondPath}. Make sure you commited codegen autogenerated files.`,
     );
   }
 }
diff --git a/scripts/format-android.js b/scripts/format-android.js
index f0236731e3..142fa52303 100644
--- a/scripts/format-android.js
+++ b/scripts/format-android.js
@@ -1,13 +1,13 @@
-/* 
+/*
  * This script is a wrapper for gradle & spotlessApply to make
  * it work properly with lint-staged.
  */
 
-const { exit } = require("process");
-const { exec } = require("child_process");
+const { exit } = require('process');
+const { exec } = require('child_process');
 
 // spotless ktlint formatting task in android/build.gradle
-const spotlessApply = "./android/gradlew -p android spotlessApply";
+const spotlessApply = './android/gradlew -p android spotlessApply';
 
 // takes file as parameter passed by lint-staged (optional)
 const fileName = process.argv[2];
@@ -16,7 +16,8 @@ const fileName = process.argv[2];
 // creates file argument without space between arguments
 const fileArgument = `-PspotlessIdeHook=${fileName}`;
 
-const command = fileName !== undefined ? `${spotlessApply} ${fileArgument}` : spotlessApply;
+const command =
+  fileName !== undefined ? `${spotlessApply} ${fileArgument}` : spotlessApply;
 
 exec(command, (error, stdout) => {
   if (error) {
diff --git a/src/TransitionProgressContext.tsx b/src/TransitionProgressContext.tsx
index 480d56f585..30cfd6a94f 100644
--- a/src/TransitionProgressContext.tsx
+++ b/src/TransitionProgressContext.tsx
@@ -8,5 +8,5 @@ type TransitionProgressContextBody = {
 };
 
 export default React.createContext<TransitionProgressContextBody | undefined>(
-  undefined
+  undefined,
 );
diff --git a/src/components/Screen.tsx b/src/components/Screen.tsx
index 997d527437..1d43913882 100644
--- a/src/components/Screen.tsx
+++ b/src/components/Screen.tsx
@@ -19,7 +19,7 @@ export const NativeScreen: React.ComponentType<ScreenProps> =
   ScreenNativeComponent as React.ComponentType<ScreenProps>;
 const AnimatedNativeScreen = Animated.createAnimatedComponent(NativeScreen);
 const AnimatedNativeModalScreen = Animated.createAnimatedComponent(
-  ModalScreenNativeComponent as React.ComponentType<ScreenProps>
+  ModalScreenNativeComponent as React.ComponentType<ScreenProps>,
 );
 
 // Incomplete type, all accessible properties available at:
@@ -98,7 +98,7 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
 
       if (active !== undefined && activityState === undefined) {
         console.warn(
-          'It appears that you are using old version of react-navigation library. Please update @react-navigation/bottom-tabs, @react-navigation/stack and @react-navigation/drawer to version 5.10.0 or above to take full advantage of new functionality added to react-native-screens'
+          'It appears that you are using old version of react-navigation library. Please update @react-navigation/bottom-tabs, @react-navigation/stack and @react-navigation/drawer to version 5.10.0 or above to take full advantage of new functionality added to react-native-screens',
         );
         activityState = active !== 0 ? 2 : 0; // in the new version, we need one of the screens to have value of 2 after the transition
       }
@@ -151,7 +151,7 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
                         },
                       },
                     ],
-                    { useNativeDriver: true }
+                    { useNativeDriver: true },
                   )
             }
             onGestureCancel={
@@ -197,7 +197,7 @@ export const InnerScreen = React.forwardRef<View, ScreenProps>(
         />
       );
     }
-  }
+  },
 );
 
 // context to be used when the user wants to use enhanced implementation
diff --git a/src/components/ScreenStackHeaderConfig.tsx b/src/components/ScreenStackHeaderConfig.tsx
index 005dcb21bf..e65799092b 100644
--- a/src/components/ScreenStackHeaderConfig.tsx
+++ b/src/components/ScreenStackHeaderConfig.tsx
@@ -17,7 +17,7 @@ export const ScreenStackHeaderSubview: React.ComponentType<
 > = ScreenStackHeaderSubviewNativeComponent as any;
 
 export const ScreenStackHeaderBackButtonImage = (
-  props: ImageProps
+  props: ImageProps,
 ): JSX.Element => (
   <ScreenStackHeaderSubview type="back" style={styles.headerSubview}>
     <Image resizeMode="center" fadeDuration={0} {...props} />
@@ -25,7 +25,7 @@ export const ScreenStackHeaderBackButtonImage = (
 );
 
 export const ScreenStackHeaderRightView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}
@@ -35,7 +35,7 @@ export const ScreenStackHeaderRightView = (
 );
 
 export const ScreenStackHeaderLeftView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}
@@ -45,7 +45,7 @@ export const ScreenStackHeaderLeftView = (
 );
 
 export const ScreenStackHeaderCenterView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}
@@ -55,7 +55,7 @@ export const ScreenStackHeaderCenterView = (
 );
 
 export const ScreenStackHeaderSearchBarView = (
-  props: React.PropsWithChildren<SearchBarProps>
+  props: React.PropsWithChildren<SearchBarProps>,
 ): JSX.Element => (
   <ScreenStackHeaderSubview
     {...props}
diff --git a/src/components/ScreenStackHeaderConfig.web.tsx b/src/components/ScreenStackHeaderConfig.web.tsx
index 6516977d42..5d672f5933 100644
--- a/src/components/ScreenStackHeaderConfig.web.tsx
+++ b/src/components/ScreenStackHeaderConfig.web.tsx
@@ -7,7 +7,7 @@ import {
 } from 'react-native-screens';
 
 export const ScreenStackHeaderBackButtonImage = (
-  props: ImageProps
+  props: ImageProps,
 ): JSX.Element => (
   <View>
     <Image resizeMode="center" fadeDuration={0} {...props} />
@@ -15,23 +15,23 @@ export const ScreenStackHeaderBackButtonImage = (
 );
 
 export const ScreenStackHeaderRightView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderLeftView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderCenterView = (
-  props: React.PropsWithChildren<ViewProps>
+  props: React.PropsWithChildren<ViewProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderSearchBarView = (
-  props: React.PropsWithChildren<Omit<SearchBarProps, 'ref'>>
+  props: React.PropsWithChildren<Omit<SearchBarProps, 'ref'>>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderConfig = (
-  props: React.PropsWithChildren<ScreenStackHeaderConfigProps>
+  props: React.PropsWithChildren<ScreenStackHeaderConfigProps>,
 ): JSX.Element => <View {...props} />;
 
 export const ScreenStackHeaderSubview: React.ComponentType<
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index 619f019df2..981f67dc00 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -48,7 +48,7 @@ function SearchBar(props: SearchBarProps, ref: React.Ref<SearchBarCommands>) {
     },
     toggleCancelButton: (flag: boolean) => {
       _callMethodWithRef(ref =>
-        NativeSearchBarCommands.toggleCancelButton(ref, flag)
+        NativeSearchBarCommands.toggleCancelButton(ref, flag),
       );
     },
     clearText: () => {
@@ -69,16 +69,16 @@ function SearchBar(props: SearchBarProps, ref: React.Ref<SearchBarCommands>) {
         method(ref);
       } else {
         console.warn(
-          'Reference to native search bar component has not been updated yet'
+          'Reference to native search bar component has not been updated yet',
         );
       }
     },
-    [searchBarRef]
+    [searchBarRef],
   );
 
   if (!isSearchBarAvailableForCurrentPlatform) {
     console.warn(
-      'Importing SearchBar is only valid on iOS and Android devices.'
+      'Importing SearchBar is only valid on iOS and Android devices.',
     );
     return View as unknown as React.ReactNode;
   }
diff --git a/src/core.ts b/src/core.ts
index 369bd03d98..7a5f3971bc 100644
--- a/src/core.ts
+++ b/src/core.ts
@@ -19,7 +19,7 @@ export function enableScreens(shouldEnableScreens = true) {
 
   if (ENABLE_SCREENS && !UIManager.getViewManagerConfig('RNSScreen')) {
     console.error(
-      `Screen native module hasn't been linked. Please check the react-native-screens README for more details`
+      `Screen native module hasn't been linked. Please check the react-native-screens README for more details`,
     );
   }
 }
diff --git a/src/fabric/ScreenNavigationContainerNativeComponent.ts b/src/fabric/ScreenNavigationContainerNativeComponent.ts
index c616a7c905..89fb72f164 100644
--- a/src/fabric/ScreenNavigationContainerNativeComponent.ts
+++ b/src/fabric/ScreenNavigationContainerNativeComponent.ts
@@ -5,5 +5,5 @@ interface NativeProps extends ViewProps {}
 
 export default codegenNativeComponent<NativeProps>(
   'RNSScreenNavigationContainer',
-  {}
+  {},
 );
diff --git a/src/fabric/ScreenStackHeaderConfigNativeComponent.ts b/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
index 0af3c1ce28..2a6393fb1d 100644
--- a/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
+++ b/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
@@ -50,5 +50,5 @@ export interface NativeProps extends ViewProps {
 
 export default codegenNativeComponent<NativeProps>(
   'RNSScreenStackHeaderConfig',
-  {}
+  {},
 );
diff --git a/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts b/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts
index cb0fa41d9b..625e578459 100644
--- a/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts
+++ b/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts
@@ -16,5 +16,5 @@ export interface NativeProps extends ViewProps {
 
 export default codegenNativeComponent<NativeProps>(
   'RNSScreenStackHeaderSubview',
-  {}
+  {},
 );
diff --git a/src/fabric/SearchBarNativeComponent.ts b/src/fabric/SearchBarNativeComponent.ts
index 66f59f82ba..c10dc70e44 100644
--- a/src/fabric/SearchBarNativeComponent.ts
+++ b/src/fabric/SearchBarNativeComponent.ts
@@ -58,7 +58,7 @@ interface NativeCommands {
   clearText: (viewRef: React.ElementRef<ComponentType>) => void;
   toggleCancelButton: (
     viewRef: React.ElementRef<ComponentType>,
-    flag: boolean
+    flag: boolean,
   ) => void;
   setText: (viewRef: React.ElementRef<ComponentType>, text: string) => void;
   cancelSearch: (viewRef: React.ElementRef<ComponentType>) => void;
diff --git a/src/gesture-handler/ScreenGestureDetector.tsx b/src/gesture-handler/ScreenGestureDetector.tsx
index e7cf5819d8..269fd0c7af 100644
--- a/src/gesture-handler/ScreenGestureDetector.tsx
+++ b/src/gesture-handler/ScreenGestureDetector.tsx
@@ -40,7 +40,7 @@ const ScreenGestureDetector = ({
   const canPerformUpdates = makeMutable(false);
   const transitionAnimation = getAnimationForTransition(
     goBackGesture,
-    customTransitionAnimation
+    customTransitionAnimation,
   );
   const screenTransitionConfig = makeMutable({
     stackTag: -1,
@@ -90,7 +90,7 @@ const ScreenGestureDetector = ({
   }, [currentRouteKey]);
 
   function computeProgress(
-    event: GestureUpdateEvent<PanGestureHandlerEventPayload>
+    event: GestureUpdateEvent<PanGestureHandlerEventPayload>,
   ) {
     'worklet';
     let progress = 0;
@@ -114,10 +114,10 @@ const ScreenGestureDetector = ({
       progress = Math.abs(event.translationY / screenDimensions.height / 2);
     } else if (goBackGesture === 'twoDimensionalSwipe') {
       const progressX = Math.abs(
-        event.translationX / screenDimensions.width / 2
+        event.translationX / screenDimensions.width / 2,
       );
       const progressY = Math.abs(
-        event.translationY / screenDimensions.height / 2
+        event.translationY / screenDimensions.height / 2,
       );
       progress = Math.max(progressX, progressY);
     }
@@ -194,7 +194,7 @@ const ScreenGestureDetector = ({
       distanceX,
       requiredXDistance,
       distanceY,
-      requiredYDistance
+      requiredYDistance,
     );
     const stackTag = screenTransitionConfig.value.stackTag;
     screenTransitionConfig.value.onFinishAnimation = () => {
diff --git a/src/gesture-handler/constraints.ts b/src/gesture-handler/constraints.ts
index 4d5577dfbd..bbb749b2c9 100644
--- a/src/gesture-handler/constraints.ts
+++ b/src/gesture-handler/constraints.ts
@@ -19,14 +19,14 @@ const SupportedGestures = [
 
 export function getAnimationForTransition(
   goBackGesture: GoBackGesture | undefined,
-  customTransitionAnimation: AnimatedScreenTransition | undefined
+  customTransitionAnimation: AnimatedScreenTransition | undefined,
 ) {
   let transitionAnimation = ScreenTransition.SwipeRight;
   if (customTransitionAnimation) {
     transitionAnimation = customTransitionAnimation;
     if (!goBackGesture) {
       throw new Error(
-        '[RNScreens] You have to specify `goBackGesture` when using `transitionAnimation`.'
+        '[RNScreens] You have to specify `goBackGesture` when using `transitionAnimation`.',
       );
     }
   } else {
@@ -34,7 +34,7 @@ export function getAnimationForTransition(
       transitionAnimation = AnimationForGesture[goBackGesture];
     } else if (goBackGesture !== undefined) {
       throw new Error(
-        `[RNScreens] Unknown goBackGesture parameter has been specified: ${goBackGesture}.`
+        `[RNScreens] Unknown goBackGesture parameter has been specified: ${goBackGesture}.`,
       );
     }
   }
@@ -43,7 +43,7 @@ export function getAnimationForTransition(
 
 export function checkBoundaries(
   goBackGesture: string | undefined,
-  event: GestureUpdateEvent<PanGestureHandlerEventPayload>
+  event: GestureUpdateEvent<PanGestureHandlerEventPayload>,
 ) {
   'worklet';
   if (goBackGesture === 'swipeRight' && event.translationX < 0) {
@@ -62,7 +62,7 @@ export function checkIfTransitionCancelled(
   distanceX: number,
   requiredXDistance: number,
   distanceY: number,
-  requiredYDistance: number
+  requiredYDistance: number,
 ) {
   'worklet';
   let isTransitionCanceled = false;
diff --git a/src/gesture-handler/fabricUtils.ts b/src/gesture-handler/fabricUtils.ts
index 976f04c761..01740b0278 100644
--- a/src/gesture-handler/fabricUtils.ts
+++ b/src/gesture-handler/fabricUtils.ts
@@ -29,7 +29,7 @@ if (isFabric()) {
 }
 
 export function getShadowNodeWrapperAndTagFromRef(
-  ref: React.Ref<NativeStackNavigatorProps> | React.Component
+  ref: React.Ref<NativeStackNavigatorProps> | React.Component,
 ) {
   const hostInstance = findHostInstance(ref as React.Component);
   return {
diff --git a/src/native-stack/contexts/GHContext.tsx b/src/native-stack/contexts/GHContext.tsx
index 05b93e2a38..6b8b29096b 100644
--- a/src/native-stack/contexts/GHContext.tsx
+++ b/src/native-stack/contexts/GHContext.tsx
@@ -3,5 +3,5 @@ import { GestureProviderProps } from '../types';
 
 // context to be used when the user wants full screen swipe (see `gesture-handler` folder in repo)
 export const GHContext = React.createContext(
-  (props: PropsWithChildren<GestureProviderProps>) => <>{props.children}</>
+  (props: PropsWithChildren<GestureProviderProps>) => <>{props.children}</>,
 );
diff --git a/src/native-stack/navigators/createNativeStackNavigator.tsx b/src/native-stack/navigators/createNativeStackNavigator.tsx
index 1f9b2dafaa..88921d49f3 100644
--- a/src/native-stack/navigators/createNativeStackNavigator.tsx
+++ b/src/native-stack/navigators/createNativeStackNavigator.tsx
@@ -41,7 +41,7 @@ function NativeStackNavigator({
     // @ts-ignore navigation.dangerouslyGetParent was removed in v6
     if (navigation?.dangerouslyGetParent === undefined) {
       console.warn(
-        'Looks like you are importing `native-stack` from `react-native-screens/native-stack`. Since version 6 of `react-navigation`, it should be imported from `@react-navigation/native-stack`.'
+        'Looks like you are importing `native-stack` from `react-native-screens/native-stack`. Since version 6 of `react-navigation`, it should be imported from `@react-navigation/native-stack`.',
       );
     }
   }, [navigation]);
@@ -70,9 +70,9 @@ function NativeStackNavigator({
               });
             }
           });
-        }
+        },
       ),
-    [navigation, state.index, state.key]
+    [navigation, state.index, state.key],
   );
 
   return (
diff --git a/src/native-stack/types.tsx b/src/native-stack/types.tsx
index 8ea55a01d1..88746a81fa 100644
--- a/src/native-stack/types.tsx
+++ b/src/native-stack/types.tsx
@@ -56,7 +56,7 @@ export type NativeStackNavigationEventMap = {
 
 export type NativeStackNavigationProp<
   ParamList extends ParamListBase,
-  RouteName extends keyof ParamList = string
+  RouteName extends keyof ParamList = string,
 > = NavigationProp<
   ParamList,
   RouteName,
@@ -68,7 +68,7 @@ export type NativeStackNavigationProp<
 
 export type NativeStackScreenProps<
   ParamList extends ParamListBase,
-  RouteName extends keyof ParamList = string
+  RouteName extends keyof ParamList = string,
 > = {
   navigation: NativeStackNavigationProp<ParamList, RouteName>;
   route: RouteProp<ParamList, RouteName>;
@@ -524,11 +524,11 @@ export interface MeasuredDimensions {
 export type AnimatedScreenTransition = {
   topScreenStyle: (
     event: PanGestureHandlerEventPayload,
-    screenSize: MeasuredDimensions
+    screenSize: MeasuredDimensions,
   ) => Record<string, unknown>;
   belowTopScreenStyle: (
     event: PanGestureHandlerEventPayload,
-    screenSize: MeasuredDimensions
+    screenSize: MeasuredDimensions,
   ) => Record<string, unknown>;
 };
 
diff --git a/src/native-stack/utils/getDefaultHeaderHeight.tsx b/src/native-stack/utils/getDefaultHeaderHeight.tsx
index c0262f1326..257858809c 100644
--- a/src/native-stack/utils/getDefaultHeaderHeight.tsx
+++ b/src/native-stack/utils/getDefaultHeaderHeight.tsx
@@ -8,7 +8,7 @@ export default function getDefaultHeaderHeight(
   layout: Layout,
   statusBarHeight: number,
   stackPresentation: StackPresentationTypes,
-  isLargeHeader = false
+  isLargeHeader = false,
 ): number {
   // default header heights
   let headerHeight = Platform.OS === 'android' ? 56 : 64;
diff --git a/src/native-stack/utils/getStatusBarHeight.tsx b/src/native-stack/utils/getStatusBarHeight.tsx
index e54ec5c2d9..46bec4c676 100644
--- a/src/native-stack/utils/getStatusBarHeight.tsx
+++ b/src/native-stack/utils/getStatusBarHeight.tsx
@@ -4,7 +4,7 @@ import { Platform } from 'react-native';
 export default function getStatusBarHeight(
   topInset: number,
   dimensions: Rect,
-  isStatusBarTranslucent: boolean
+  isStatusBarTranslucent: boolean,
 ) {
   if (Platform.OS === 'ios') {
     // It looks like some iOS devices don't have strictly set status bar height to 44.
diff --git a/src/native-stack/utils/useAnimatedHeaderHeight.tsx b/src/native-stack/utils/useAnimatedHeaderHeight.tsx
index 946d2721e8..7889d6e1e0 100644
--- a/src/native-stack/utils/useAnimatedHeaderHeight.tsx
+++ b/src/native-stack/utils/useAnimatedHeaderHeight.tsx
@@ -7,7 +7,7 @@ export default function useAnimatedHeaderHeight() {
 
   if (animatedValue === undefined) {
     throw new Error(
-      "Couldn't find the header height. Are you inside a screen in a navigator with a header?"
+      "Couldn't find the header height. Are you inside a screen in a navigator with a header?",
     );
   }
 
diff --git a/src/native-stack/utils/useBackPressSubscription.tsx b/src/native-stack/utils/useBackPressSubscription.tsx
index 63aaac7be9..1cc73bbee7 100644
--- a/src/native-stack/utils/useBackPressSubscription.tsx
+++ b/src/native-stack/utils/useBackPressSubscription.tsx
@@ -35,7 +35,7 @@ export function useBackPressSubscription({
       subscription.current?.remove();
       subscription.current = BackHandler.addEventListener(
         'hardwareBackPress',
-        onBackPress
+        onBackPress,
       );
       setIsActive(true);
     }
diff --git a/src/native-stack/utils/useHeaderHeight.tsx b/src/native-stack/utils/useHeaderHeight.tsx
index 3ee3352731..4ede361684 100644
--- a/src/native-stack/utils/useHeaderHeight.tsx
+++ b/src/native-stack/utils/useHeaderHeight.tsx
@@ -7,7 +7,7 @@ export default function useHeaderHeight() {
 
   if (height === undefined) {
     throw new Error(
-      "Couldn't find the header height. Are you inside a screen in a navigator with a header?"
+      "Couldn't find the header height. Are you inside a screen in a navigator with a header?",
     );
   }
 
diff --git a/src/native-stack/views/FontProcessor.tsx b/src/native-stack/views/FontProcessor.tsx
index 89d4cc0804..989ccc8c1b 100644
--- a/src/native-stack/views/FontProcessor.tsx
+++ b/src/native-stack/views/FontProcessor.tsx
@@ -3,7 +3,7 @@
 import ReactNativeStyleAttributes from 'react-native/Libraries/Components/View/ReactNativeStyleAttributes';
 
 export function processFonts(
-  fontFamilies: (string | undefined)[]
+  fontFamilies: (string | undefined)[],
 ): (string | undefined)[] {
   // @ts-ignore: React Native types are incorrect here and don't consider fontFamily a style value
   const fontFamilyProcessor = ReactNativeStyleAttributes.fontFamily?.process;
diff --git a/src/native-stack/views/HeaderConfig.tsx b/src/native-stack/views/HeaderConfig.tsx
index 0be5f1d58b..6a7bd5cf82 100644
--- a/src/native-stack/views/HeaderConfig.tsx
+++ b/src/native-stack/views/HeaderConfig.tsx
@@ -104,7 +104,7 @@ export default function HeaderConfig({
   warnOnce(
     isVisionOS &&
       (headerTitleStyle.color !== undefined || headerTintColor !== undefined),
-    'headerTitleStyle.color and headerTintColor are not supported on visionOS.'
+    'headerTitleStyle.color and headerTintColor are not supported on visionOS.',
   );
 
   return (
diff --git a/src/native-stack/views/NativeStackView.tsx b/src/native-stack/views/NativeStackView.tsx
index 213b1c1322..626fb62a96 100644
--- a/src/native-stack/views/NativeStackView.tsx
+++ b/src/native-stack/views/NativeStackView.tsx
@@ -44,7 +44,7 @@ let Container = View;
 
 if (__DEV__) {
   const DebugContainer = (
-    props: ViewProps & { stackPresentation: StackPresentationTypes }
+    props: ViewProps & { stackPresentation: StackPresentationTypes },
   ) => {
     const { stackPresentation, ...rest } = props;
     if (Platform.OS === 'ios' && stackPresentation !== 'push') {
@@ -87,7 +87,7 @@ const MaybeNestedStack = ({
       !isAndroid &&
         stackPresentation !== 'push' &&
         headerShownPreviousRef.current !== headerShown,
-      `Dynamically changing 'headerShown' in modals will result in remounting the screen and losing all local state. See options for the screen '${route.name}'.`
+      `Dynamically changing 'headerShown' in modals will result in remounting the screen and losing all local state. See options for the screen '${route.name}'.`,
     );
 
     headerShownPreviousRef.current = headerShown;
@@ -119,7 +119,7 @@ const MaybeNestedStack = ({
   const statusBarHeight = getStatusBarHeight(
     topInset,
     dimensions,
-    isStatusBarTranslucent
+    isStatusBarTranslucent,
   );
 
   const hasLargeHeader = options.headerLargeTitle ?? false;
@@ -128,7 +128,7 @@ const MaybeNestedStack = ({
     dimensions,
     statusBarHeight,
     stackPresentation,
-    hasLargeHeader
+    hasLargeHeader,
   );
 
   if (isHeaderInModal) {
@@ -152,7 +152,7 @@ const MaybeNestedStack = ({
 
 type NavigationRoute<
   ParamList extends ParamListBase,
-  RouteName extends keyof ParamList
+  RouteName extends keyof ParamList,
 > = Route<Extract<RouteName, string>, ParamList[RouteName]> & {
   state?: NavigationState | PartialState<NavigationState>;
 };
@@ -236,7 +236,7 @@ const RouteView = ({
   const statusBarHeight = getStatusBarHeight(
     topInset,
     dimensions,
-    isStatusBarTranslucent
+    isStatusBarTranslucent,
   );
 
   const hasLargeHeader = options.headerLargeTitle ?? false;
@@ -245,7 +245,7 @@ const RouteView = ({
     dimensions,
     statusBarHeight,
     stackPresentation,
-    hasLargeHeader
+    hasLargeHeader,
   );
 
   const parentHeaderHeight = React.useContext(HeaderHeightContext);
@@ -263,7 +263,7 @@ const RouteView = ({
   const animatedHeaderHeight = React.useRef(
     new Animated.Value(staticHeaderHeight, {
       useNativeDriver: true,
-    })
+    }),
   ).current;
 
   const Screen = React.useContext(ScreenContext);
@@ -441,7 +441,7 @@ function NativeStackViewInner({
       goBackGesture !== undefined
     ) {
       console.warn(
-        'Cannot detect GestureDetectorProvider in a screen that uses `goBackGesture`. Make sure your navigator is wrapped in GestureDetectorProvider.'
+        'Cannot detect GestureDetectorProvider in a screen that uses `goBackGesture`. Make sure your navigator is wrapped in GestureDetectorProvider.',
       );
     }
   }, [ScreenGestureDetector.name, goBackGesture]);
diff --git a/src/reanimated/ReanimatedHeaderHeightContext.tsx b/src/reanimated/ReanimatedHeaderHeightContext.tsx
index 7afe68999e..e1793befe8 100644
--- a/src/reanimated/ReanimatedHeaderHeightContext.tsx
+++ b/src/reanimated/ReanimatedHeaderHeightContext.tsx
@@ -3,5 +3,5 @@ import * as React from 'react';
 import Animated from 'react-native-reanimated';
 
 export default React.createContext<Animated.SharedValue<number> | undefined>(
-  undefined
+  undefined,
 );
diff --git a/src/reanimated/ReanimatedNativeStackScreen.tsx b/src/reanimated/ReanimatedNativeStackScreen.tsx
index c5773a4229..98af80168a 100644
--- a/src/reanimated/ReanimatedNativeStackScreen.tsx
+++ b/src/reanimated/ReanimatedNativeStackScreen.tsx
@@ -19,7 +19,7 @@ import getStatusBarHeight from '../native-stack/utils/getStatusBarHeight';
 import ReanimatedHeaderHeightContext from './ReanimatedHeaderHeightContext';
 
 const AnimatedScreen = Animated.createAnimatedComponent(
-  InnerScreen as unknown as React.ComponentClass
+  InnerScreen as unknown as React.ComponentClass,
 );
 
 // We use prop added to global by reanimated since it seems safer than the one from RN. See:
@@ -40,7 +40,7 @@ const ReanimatedNativeStackScreen = React.forwardRef<
   const statusBarHeight = getStatusBarHeight(
     topInset,
     dimensions,
-    isStatusBarTranslucent
+    isStatusBarTranslucent,
   );
 
   // Default header height, normally used in `useHeaderHeight` hook.
@@ -49,7 +49,7 @@ const ReanimatedNativeStackScreen = React.forwardRef<
     dimensions,
     statusBarHeight,
     stackPresentation,
-    hasLargeHeader
+    hasLargeHeader,
   );
 
   const cachedHeaderHeight = React.useRef(defaultHeaderHeight);
@@ -79,7 +79,7 @@ const ReanimatedNativeStackScreen = React.forwardRef<
             ENABLE_FABRIC
             ? 'onTransitionProgress'
             : 'topTransitionProgress',
-        ]
+        ],
       )}
       onHeaderHeightChangeReanimated={useEvent(
         (event: HeaderHeightChangeEventType) => {
@@ -96,7 +96,7 @@ const ReanimatedNativeStackScreen = React.forwardRef<
             : ENABLE_FABRIC
             ? 'onHeaderHeightChange'
             : 'topHeaderHeightChange',
-        ]
+        ],
       )}
       {...rest}>
       <ReanimatedHeaderHeightContext.Provider value={headerHeight}>
diff --git a/src/reanimated/ReanimatedScreen.tsx b/src/reanimated/ReanimatedScreen.tsx
index 4efd46b96d..fef3c58a07 100644
--- a/src/reanimated/ReanimatedScreen.tsx
+++ b/src/reanimated/ReanimatedScreen.tsx
@@ -5,7 +5,7 @@ import { InnerScreen, ScreenProps } from 'react-native-screens';
 import Animated from 'react-native-reanimated';
 
 const AnimatedScreen = Animated.createAnimatedComponent(
-  InnerScreen as unknown as React.ComponentClass
+  InnerScreen as unknown as React.ComponentClass,
 );
 
 const ReanimatedScreen = React.forwardRef<typeof AnimatedScreen, ScreenProps>(
@@ -17,7 +17,7 @@ const ReanimatedScreen = React.forwardRef<typeof AnimatedScreen, ScreenProps>(
         {...props}
       />
     );
-  }
+  },
 );
 
 ReanimatedScreen.displayName = 'ReanimatedScreen';
diff --git a/src/reanimated/ReanimatedScreenProvider.tsx b/src/reanimated/ReanimatedScreenProvider.tsx
index cb8ecf61c3..a74b7d560f 100644
--- a/src/reanimated/ReanimatedScreenProvider.tsx
+++ b/src/reanimated/ReanimatedScreenProvider.tsx
@@ -31,7 +31,7 @@ class ReanimatedScreenWrapper extends React.Component<ScreenProps> {
 }
 
 export default function ReanimatedScreenProvider(
-  props: PropsWithChildren<unknown>
+  props: PropsWithChildren<unknown>,
 ) {
   return (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
diff --git a/src/reanimated/useReanimatedHeaderHeight.tsx b/src/reanimated/useReanimatedHeaderHeight.tsx
index c2b6a8015f..33b70f74a2 100644
--- a/src/reanimated/useReanimatedHeaderHeight.tsx
+++ b/src/reanimated/useReanimatedHeaderHeight.tsx
@@ -6,7 +6,7 @@ export default function useReanimatedHeaderHeight() {
 
   if (height === undefined) {
     throw new Error(
-      "Couldn't find the header height using Reanimated. Are you inside a screen in a navigator with a header and your NavigationContainer is wrapped in ReanimatedScreenProvider?"
+      "Couldn't find the header height using Reanimated. Are you inside a screen in a navigator with a header and your NavigationContainer is wrapped in ReanimatedScreenProvider?",
     );
   }
 
diff --git a/src/reanimated/useReanimatedTransitionProgress.tsx b/src/reanimated/useReanimatedTransitionProgress.tsx
index 501dd6448d..9565766733 100644
--- a/src/reanimated/useReanimatedTransitionProgress.tsx
+++ b/src/reanimated/useReanimatedTransitionProgress.tsx
@@ -6,7 +6,7 @@ export default function useReanimatedTransitionProgress() {
 
   if (progress === undefined) {
     throw new Error(
-      "Couldn't find values for reanimated transition progress. Are you inside a screen in Native Stack?"
+      "Couldn't find values for reanimated transition progress. Are you inside a screen in Native Stack?",
     );
   }
 
diff --git a/src/types.tsx b/src/types.tsx
index 84cb6670b9..5f8c6e5cb5 100644
--- a/src/types.tsx
+++ b/src/types.tsx
@@ -201,7 +201,7 @@ export interface ScreenProps extends ViewProps {
    * A callback that gets called when the header height has changed.
    */
   onHeaderHeightChange?: (
-    e: NativeSyntheticEvent<HeaderHeightChangeEventType>
+    e: NativeSyntheticEvent<HeaderHeightChangeEventType>,
   ) => void;
   /**
    * A callback that gets called after swipe back is canceled.
@@ -219,13 +219,13 @@ export interface ScreenProps extends ViewProps {
    * @platform ios
    */
   onNativeDismissCancelled?: (
-    e: NativeSyntheticEvent<{ dismissCount: number }>
+    e: NativeSyntheticEvent<{ dismissCount: number }>,
   ) => void;
   /**
    * An internal callback called every frame during the transition of screens of `native-stack`, used to feed transition context.
    */
   onTransitionProgress?: (
-    e: NativeSyntheticEvent<TransitionProgressEventType>
+    e: NativeSyntheticEvent<TransitionProgressEventType>,
   ) => void;
   /**
    * A callback that gets called when the current screen will appear. This is called as soon as the transition begins.
@@ -403,7 +403,7 @@ export interface ScreenContainerProps extends ViewProps {
 
 export interface GestureDetectorBridge {
   stackUseEffectCallback: (
-    stackRef: React.MutableRefObject<React.Ref<NativeStackNavigatorProps>>
+    stackRef: React.MutableRefObject<React.Ref<NativeStackNavigatorProps>>,
   ) => void;
 }
 
@@ -675,7 +675,7 @@ export interface SearchBarProps {
    * A callback that gets called when the search button is pressed. It receives the current text value of the search bar.
    */
   onSearchButtonPress?: (
-    e: NativeSyntheticEvent<TextInputFocusEventData>
+    e: NativeSyntheticEvent<TextInputFocusEventData>,
   ) => void;
   /**
    * Text displayed when search field is empty
diff --git a/src/useTransitionProgress.tsx b/src/useTransitionProgress.tsx
index f7a2f1da5d..db41987f81 100644
--- a/src/useTransitionProgress.tsx
+++ b/src/useTransitionProgress.tsx
@@ -7,7 +7,7 @@ export default function useTransitionProgress() {
 
   if (progress === undefined) {
     throw new Error(
-      "Couldn't find values for transition progress. Are you inside a screen in Native Stack?"
+      "Couldn't find values for transition progress. Are you inside a screen in Native Stack?",
     );
   }
 
diff --git a/windows/README.md b/windows/README.md
index 8d309af199..6c9bc04efb 100644
--- a/windows/README.md
+++ b/windows/README.md
@@ -1,12 +1,15 @@
 # react-native-screens Windows Implementation
 
 ## Module Installation
+
 You can either use autolinking on react-native-windows 0.63 and later or manually link the module on earlier releases.
 
 ## Automatic install with autolinking on RNW >= 0.63
+
 RNScreens supports autolinking. Just call: `npm i react-native-screens --save`
 
 ## Manual installation on RNW >= 0.62
+
 1. `npm install react-native-screens --save`
 2. Open your solution in Visual Studio 2019 (eg. `windows\yourapp.sln`)
 3. Right-click Solution icon in Solution Explorer > Add > Existing Project...
@@ -22,4 +25,4 @@ If you want to contribute to this module Windows implementation, first you must
 
 You must temporarily install the `react-native-windows` package. Versions of `react-native-windows` and `react-native` must match, e.g. if the module uses `react-native@0.62`, install `npm i react-native-windows@^0.62 --dev`.
 
-Now, you will be able to open corresponding `RNScreens...sln` file, e.g. `RNScreens62.sln` for `react-native-windows@0.62`.
\ No newline at end of file
+Now, you will be able to open corresponding `RNScreens...sln` file, e.g. `RNScreens62.sln` for `react-native-windows@0.62`.