diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000000..378eac25d31
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+build
diff --git a/apps/common-app/package.json b/apps/common-app/package.json
index f2d54856186..94d0545254c 100644
--- a/apps/common-app/package.json
+++ b/apps/common-app/package.json
@@ -48,7 +48,7 @@
     "eslint": "^8.57.0",
     "eslint-plugin-reanimated": "workspace:*",
     "patch-package": "^8.0.0",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "react": "18.3.1",
     "react-native": "0.75.2",
     "react-native-gesture-handler": "2.18.0",
diff --git a/apps/common-app/src/examples/CustomHandler/useAnimatedPagerHandler.ts b/apps/common-app/src/examples/CustomHandler/useAnimatedPagerHandler.ts
index 0e7fa68a6c2..c76d8cb5bf4 100644
--- a/apps/common-app/src/examples/CustomHandler/useAnimatedPagerHandler.ts
+++ b/apps/common-app/src/examples/CustomHandler/useAnimatedPagerHandler.ts
@@ -7,7 +7,7 @@ import { useEvent, useHandler } from 'react-native-reanimated';
 import type { ReanimatedEvent } from 'react-native-reanimated';
 
 export function useAnimatedPagerScrollHandler<
-  TContext extends Record<string, unknown>
+  TContext extends Record<string, unknown>,
 >(
   handlers: {
     onPageScroll: (
@@ -37,7 +37,7 @@ export function useAnimatedPagerScrollHandler<
 }
 
 export function useAnimatedPagerScrollStateHandler<
-  TContext extends Record<string, unknown>
+  TContext extends Record<string, unknown>,
 >(
   handlers: {
     onPageScrollStateChanged: (
@@ -70,7 +70,7 @@ export function useAnimatedPagerScrollStateHandler<
 }
 
 export function useAnimatedPagerSelectedPageHandler<
-  TContext extends Record<string, unknown>
+  TContext extends Record<string, unknown>,
 >(
   handlers: {
     onPageSelected: (
diff --git a/apps/common-app/src/examples/LayoutAnimations/ChangeTheme.tsx b/apps/common-app/src/examples/LayoutAnimations/ChangeTheme.tsx
index 3aca2991333..69f86fa1ec5 100644
--- a/apps/common-app/src/examples/LayoutAnimations/ChangeTheme.tsx
+++ b/apps/common-app/src/examples/LayoutAnimations/ChangeTheme.tsx
@@ -30,16 +30,16 @@ function List() {
             layout: undefined,
           }
         : theme
-        ? {
-            entering: RotateInUpRight,
-            exiting: RotateOutUpLeft,
-            layout: Layout.easing(Easing.exp).delay(200),
-          }
-        : {
-            entering: SlideInRight,
-            exiting: SlideOutLeft,
-            layout: Layout.springify().delay(200),
-          },
+          ? {
+              entering: RotateInUpRight,
+              exiting: RotateOutUpLeft,
+              layout: Layout.easing(Easing.exp).delay(200),
+            }
+          : {
+              entering: SlideInRight,
+              exiting: SlideOutLeft,
+              layout: Layout.springify().delay(200),
+            },
     [disabled, theme]
   );
 
diff --git a/apps/common-app/src/examples/LiquidSwipe/Weave.tsx b/apps/common-app/src/examples/LiquidSwipe/Weave.tsx
index 38cbb867a8c..4548295b143 100644
--- a/apps/common-app/src/examples/LiquidSwipe/Weave.tsx
+++ b/apps/common-app/src/examples/LiquidSwipe/Weave.tsx
@@ -99,84 +99,84 @@ export default function Weave({
         L${maskWidth} ${curveStartY}
         C${maskWidth} ${curveStartY - horRadius.value * 0.1346194756}
         ${maskWidth - horRadius.value * 0.05341339583} ${
-      curveStartY - vertRadius.value * 0.2412779634
-    }
+          curveStartY - vertRadius.value * 0.2412779634
+        }
         ${maskWidth - horRadius.value * 0.1561501458} ${
-      curveStartY - vertRadius.value * 0.3322374268
-    }
+          curveStartY - vertRadius.value * 0.3322374268
+        }
         C${maskWidth - horRadius.value * 0.2361659167} ${
-      curveStartY - vertRadius.value * 0.4030805244
-    }
+          curveStartY - vertRadius.value * 0.4030805244
+        }
         ${maskWidth - horRadius.value * 0.3305285625} ${
-      curveStartY - vertRadius.value * 0.4561193293
-    }
+          curveStartY - vertRadius.value * 0.4561193293
+        }
         ${maskWidth - horRadius.value * 0.5012484792} ${
-      curveStartY - vertRadius.value * 0.5350576951
-    }
+          curveStartY - vertRadius.value * 0.5350576951
+        }
         C${maskWidth - horRadius.value * 0.515878125} ${
-      curveStartY - vertRadius.value * 0.5418222317
-    }
+          curveStartY - vertRadius.value * 0.5418222317
+        }
         ${maskWidth - horRadius.value * 0.5664134792} ${
-      curveStartY - vertRadius.value * 0.5650349878
-    }
+          curveStartY - vertRadius.value * 0.5650349878
+        }
         ${maskWidth - horRadius.value * 0.574934875} ${
-      curveStartY - vertRadius.value * 0.5689655122
-    }
+          curveStartY - vertRadius.value * 0.5689655122
+        }
         C${maskWidth - horRadius.value * 0.7283715208} ${
-      curveStartY - vertRadius.value * 0.6397387195
-    }
+          curveStartY - vertRadius.value * 0.6397387195
+        }
         ${maskWidth - horRadius.value * 0.8086618958} ${
-      curveStartY - vertRadius.value * 0.6833456585
-    }
+          curveStartY - vertRadius.value * 0.6833456585
+        }
         ${maskWidth - horRadius.value * 0.8774032292} ${
-      curveStartY - vertRadius.value * 0.7399037439
-    }
+          curveStartY - vertRadius.value * 0.7399037439
+        }
         C${maskWidth - horRadius.value * 0.9653464583} ${
-      curveStartY - vertRadius.value * 0.8122605122
-    }
+          curveStartY - vertRadius.value * 0.8122605122
+        }
         ${maskWidth - horRadius.value} ${
-      curveStartY - vertRadius.value * 0.8936183659
-    }
+          curveStartY - vertRadius.value * 0.8936183659
+        }
         ${maskWidth - horRadius.value} ${curveStartY - vertRadius.value}
         C${maskWidth - horRadius.value} ${
-      curveStartY - vertRadius.value * 1.100142878
-    }
+          curveStartY - vertRadius.value * 1.100142878
+        }
         ${maskWidth - horRadius.value * 0.9595746667} ${
-      curveStartY - vertRadius.value * 1.1887991951
-    }
+          curveStartY - vertRadius.value * 1.1887991951
+        }
         ${maskWidth - horRadius.value * 0.8608411667} ${
-      curveStartY - vertRadius.value * 1.270484439
-    }
+          curveStartY - vertRadius.value * 1.270484439
+        }
         C${maskWidth - horRadius.value * 0.7852123333} ${
-      curveStartY - vertRadius.value * 1.3330544756
-    }
+          curveStartY - vertRadius.value * 1.3330544756
+        }
         ${maskWidth - horRadius.value * 0.703382125} ${
-      curveStartY - vertRadius.value * 1.3795848049
-    }
+          curveStartY - vertRadius.value * 1.3795848049
+        }
         ${maskWidth - horRadius.value * 0.5291125625} ${
-      curveStartY - vertRadius.value * 1.4665102805
-    }
+          curveStartY - vertRadius.value * 1.4665102805
+        }
         C${maskWidth - horRadius.value * 0.5241858333} ${
-      curveStartY - vertRadius.value * 1.4689677195
-    }
+          curveStartY - vertRadius.value * 1.4689677195
+        }
         ${maskWidth - horRadius.value * 0.505739125} ${
-      curveStartY - vertRadius.value * 1.4781625854
-    }
+          curveStartY - vertRadius.value * 1.4781625854
+        }
         ${maskWidth - horRadius.value * 0.5015305417} ${
-      curveStartY - vertRadius.value * 1.4802616098
-    }
+          curveStartY - vertRadius.value * 1.4802616098
+        }
         C${maskWidth - horRadius.value * 0.3187486042} ${
-      curveStartY - vertRadius.value * 1.5714239024
-    }
+          curveStartY - vertRadius.value * 1.5714239024
+        }
         ${maskWidth - horRadius.value * 0.2332057083} ${
-      curveStartY - vertRadius.value * 1.6204116463
-    }
+          curveStartY - vertRadius.value * 1.6204116463
+        }
         ${maskWidth - horRadius.value * 0.1541165417} ${
-      curveStartY - vertRadius.value * 1.687403
-    }
+          curveStartY - vertRadius.value * 1.687403
+        }
         C${maskWidth - horRadius.value * 0.0509933125} ${
-      curveStartY - vertRadius.value * 1.774752061
-    }
+          curveStartY - vertRadius.value * 1.774752061
+        }
         ${maskWidth} ${curveStartY - vertRadius.value * 1.8709256829}
         ${maskWidth} ${curveStartY - vertRadius.value * 2}
         L${maskWidth} ${0}
diff --git a/apps/common-app/src/examples/RuntimeTests/ReJest/matchers/Matchers.ts b/apps/common-app/src/examples/RuntimeTests/ReJest/matchers/Matchers.ts
index ced4722458d..56b331ccda6 100644
--- a/apps/common-app/src/examples/RuntimeTests/ReJest/matchers/Matchers.ts
+++ b/apps/common-app/src/examples/RuntimeTests/ReJest/matchers/Matchers.ts
@@ -15,7 +15,10 @@ import type { SingleViewSnapshot } from '../TestRunner/UpdatesContainer';
 export class Matchers {
   private _negation = false;
   // eslint-disable-next-line no-useless-constructor
-  constructor(private _currentValue: TestValue, private _testCase: TestCase) {}
+  constructor(
+    private _currentValue: TestValue,
+    private _testCase: TestCase,
+  ) {}
 
   get not() {
     this._negation = true;
diff --git a/apps/common-app/src/examples/SharedElementTransitions/ChangeTheme.tsx b/apps/common-app/src/examples/SharedElementTransitions/ChangeTheme.tsx
index dde15a9fa04..451132256f3 100644
--- a/apps/common-app/src/examples/SharedElementTransitions/ChangeTheme.tsx
+++ b/apps/common-app/src/examples/SharedElementTransitions/ChangeTheme.tsx
@@ -79,8 +79,8 @@ function getTheme(theme: boolean, disabled: boolean) {
   const transition = disabled
     ? undefined
     : theme
-    ? customTransition
-    : new SharedTransition();
+      ? customTransition
+      : new SharedTransition();
 
   return { style, transition };
 }
diff --git a/apps/fabric-example/package.json b/apps/fabric-example/package.json
index c598c1ad3d8..f41e7339d4b 100644
--- a/apps/fabric-example/package.json
+++ b/apps/fabric-example/package.json
@@ -45,7 +45,7 @@
     "eslint": "^8.57.0",
     "jest": "^29.6.3",
     "patch-package": "^8.0.0",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "react-test-renderer": "18.3.1",
     "typescript": "~5.3.0"
   },
diff --git a/apps/macos-example/package.json b/apps/macos-example/package.json
index f4dc6824fde..08839776ffe 100644
--- a/apps/macos-example/package.json
+++ b/apps/macos-example/package.json
@@ -42,7 +42,7 @@
     "babel-jest": "^29.6.3",
     "eslint": "^8.57.0",
     "jest": "^29.6.3",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "react-test-renderer": "18.2.0",
     "typescript": "~5.3.0"
   },
diff --git a/apps/next-example/package.json b/apps/next-example/package.json
index 3e7647aee42..3046d80632e 100644
--- a/apps/next-example/package.json
+++ b/apps/next-example/package.json
@@ -29,7 +29,7 @@
     "cypress": "^13.2.0",
     "eslint": "^8.57.0",
     "next-compose-plugins": "^2.2.1",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "start-server-and-test": "^2.0.1"
   }
 }
diff --git a/apps/paper-example/package.json b/apps/paper-example/package.json
index 2e5ab22b9f1..bf8686276ca 100644
--- a/apps/paper-example/package.json
+++ b/apps/paper-example/package.json
@@ -44,7 +44,7 @@
     "eslint": "^8.57.0",
     "jest": "^29.6.3",
     "patch-package": "^8.0.0",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "react-test-renderer": "18.3.1",
     "typescript": "~5.3.0"
   },
diff --git a/apps/tvos-example/package.json b/apps/tvos-example/package.json
index af9ee3b2867..9d0f74fde13 100644
--- a/apps/tvos-example/package.json
+++ b/apps/tvos-example/package.json
@@ -30,7 +30,7 @@
     "babel-jest": "^29.6.3",
     "eslint": "^8.57.0",
     "jest": "^29.6.3",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "react-test-renderer": "18.2.0",
     "typescript": "~5.3.0"
   },
diff --git a/apps/web-example/package.json b/apps/web-example/package.json
index 82a0a9ddc77..97518f41cc8 100644
--- a/apps/web-example/package.json
+++ b/apps/web-example/package.json
@@ -28,7 +28,7 @@
     "@expo/metro-runtime": "^3.2.1",
     "@types/eslint": "^8",
     "eslint": "^8.57.0",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "serve": "^14.2.3",
     "typescript": "~5.3.0"
   }
diff --git a/package.json b/package.json
index b805631f6a3..c2ee4a3d373 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "eslint": "^8.57.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "typescript": "~5.3.0"
   },
   "resolutions": {
diff --git a/packages/eslint-plugin-reanimated/package.json b/packages/eslint-plugin-reanimated/package.json
index b633140b13f..3944e126a7e 100644
--- a/packages/eslint-plugin-reanimated/package.json
+++ b/packages/eslint-plugin-reanimated/package.json
@@ -20,7 +20,7 @@
     "esbuild": "^0.20.0",
     "eslint": "^8.57.0",
     "jest": "^29.7.0",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "ts-jest": "^29.1.2",
     "typescript": "~5.3.0"
   }
diff --git a/packages/react-native-reanimated/__typetests__/common/useAnimatedPropsTest.tsx b/packages/react-native-reanimated/__typetests__/common/useAnimatedPropsTest.tsx
index 0d2c948db5f..6999098c899 100644
--- a/packages/react-native-reanimated/__typetests__/common/useAnimatedPropsTest.tsx
+++ b/packages/react-native-reanimated/__typetests__/common/useAnimatedPropsTest.tsx
@@ -41,7 +41,7 @@ function UseAnimatedPropsTest() {
 
   function UseAnimatedPropsTestView1() {
     const animatedProps = useAnimatedProps(
-      () => ({ pointerEvents: 'none' } as const)
+      () => ({ pointerEvents: 'none' }) as const
     );
     return <Animated.View animatedProps={animatedProps} />;
   }
diff --git a/packages/react-native-reanimated/package.json b/packages/react-native-reanimated/package.json
index 60e24a47a2d..ef3b6701c8c 100644
--- a/packages/react-native-reanimated/package.json
+++ b/packages/react-native-reanimated/package.json
@@ -142,7 +142,7 @@
     "eslint-plugin-tsdoc": "^0.2.17",
     "jest": "^29.0.0",
     "madge": "^5.0.1",
-    "prettier": "2.8.8",
+    "prettier": "^3.3.3",
     "react": "18.3.1",
     "react-native": "0.75.2",
     "react-native-builder-bob": "^0.18.3",
diff --git a/packages/react-native-reanimated/plugin/package.json b/packages/react-native-reanimated/plugin/package.json
index 0d95b6979c0..8fa29cb06cf 100644
--- a/packages/react-native-reanimated/plugin/package.json
+++ b/packages/react-native-reanimated/plugin/package.json
@@ -17,7 +17,7 @@
     "esbuild": "^0.17.11",
     "eslint": "^8.0.0-0",
     "eslint-plugin-standard": "^5.0.0",
-    "prettier": "^2.5.1",
+    "prettier": "^3.3.3",
     "tsc-watch": "^6.0.0",
     "typescript": "^4.1.3"
   },
diff --git a/packages/react-native-reanimated/plugin/src/autoworkletization.ts b/packages/react-native-reanimated/plugin/src/autoworkletization.ts
index d54cefadaee..5d6e865fd6c 100644
--- a/packages/react-native-reanimated/plugin/src/autoworkletization.ts
+++ b/packages/react-native-reanimated/plugin/src/autoworkletization.ts
@@ -87,8 +87,8 @@ export function processCalleesAutoworkletizableCallbacks(
     'name' in callee
       ? callee.name
       : 'property' in callee && 'name' in callee.property
-      ? callee.property.name
-      : undefined;
+        ? callee.property.name
+        : undefined;
   if (name === undefined) {
     return;
   }
diff --git a/packages/react-native-reanimated/src/animation/transformationMatrix/matrixUtils.tsx b/packages/react-native-reanimated/src/animation/transformationMatrix/matrixUtils.tsx
index 5f107066fe4..c012c8a95cc 100644
--- a/packages/react-native-reanimated/src/animation/transformationMatrix/matrixUtils.tsx
+++ b/packages/react-native-reanimated/src/animation/transformationMatrix/matrixUtils.tsx
@@ -5,7 +5,7 @@ import { ReanimatedError } from '../../errors';
 type FixedLengthArray<
   T,
   L extends number,
-  PassedObject = [T, ...Array<T>]
+  PassedObject = [T, ...Array<T>],
 > = PassedObject & {
   readonly length: L;
   [I: number]: T;
diff --git a/packages/react-native-reanimated/src/animation/util.ts b/packages/react-native-reanimated/src/animation/util.ts
index 8211e818c21..7d29d813d9b 100644
--- a/packages/react-native-reanimated/src/animation/util.ts
+++ b/packages/react-native-reanimated/src/animation/util.ts
@@ -504,14 +504,14 @@ function decorateAnimation<T extends AnimationObject | StyleLayoutAnimation>(
 
 type AnimationToDecoration<
   T extends AnimationObject | StyleLayoutAnimation,
-  U extends AnimationObject | StyleLayoutAnimation
+  U extends AnimationObject | StyleLayoutAnimation,
 > = T extends StyleLayoutAnimation
   ? Record<string, unknown>
   : U | (() => U) | AnimatableValue;
 
 export function defineAnimation<
   T extends AnimationObject | StyleLayoutAnimation, // type that's supposed to be returned
-  U extends AnimationObject | StyleLayoutAnimation = T // type that's received
+  U extends AnimationObject | StyleLayoutAnimation = T, // type that's received
 >(starting: AnimationToDecoration<T, U>, factory: () => T): T {
   'worklet';
   if (IN_STYLE_UPDATER) {
diff --git a/packages/react-native-reanimated/src/commonTypes.ts b/packages/react-native-reanimated/src/commonTypes.ts
index 4db6ed3f65b..436b22cf6d4 100644
--- a/packages/react-native-reanimated/src/commonTypes.ts
+++ b/packages/react-native-reanimated/src/commonTypes.ts
@@ -65,9 +65,8 @@ export type ShareableRef<T = unknown> = {
 
 // In case of objects with depth or arrays of objects or arrays of arrays etc.
 // we add this utility type that makes it a `SharaebleRef` of the outermost type.
-export type FlatShareableRef<T> = T extends ShareableRef<infer U>
-  ? ShareableRef<U>
-  : ShareableRef<T>;
+export type FlatShareableRef<T> =
+  T extends ShareableRef<infer U> ? ShareableRef<U> : ShareableRef<T>;
 
 export type MapperRawInputs = unknown[];
 
@@ -86,7 +85,7 @@ export type MapperRegistry = {
 export type WorkletStackDetails = [
   error: Error,
   lineOffset: number,
-  columnOffset: number
+  columnOffset: number,
 ];
 
 type WorkletClosure = Record<string, unknown>;
@@ -122,7 +121,7 @@ interface WorkletBaseDev extends WorkletBaseCommon {
 
 export type WorkletFunction<
   Args extends unknown[] = unknown[],
-  ReturnValue = unknown
+  ReturnValue = unknown,
 > = ((...args: Args) => ReturnValue) & (WorkletBaseRelease | WorkletBaseDev);
 
 /**
@@ -149,7 +148,7 @@ export type WorkletFunction<
 export function isWorkletFunction<
   Args extends unknown[] = unknown[],
   ReturnValue = unknown,
-  BuildType extends WorkletBaseDev | WorkletBaseRelease = WorkletBaseDev
+  BuildType extends WorkletBaseDev | WorkletBaseRelease = WorkletBaseDev,
 >(value: unknown): value is WorkletFunction<Args, ReturnValue> & BuildType {
   'worklet';
   // Since host objects always return true for `in` operator, we have to use dot notation to check if the property exists.
@@ -348,14 +347,14 @@ type MaybeSharedValueRecursive<Value> = Value extends (infer Item)[]
       | SharedValueDisableContravariance<Item[]>
       | (MaybeSharedValueRecursive<Item> | Item)[]
   : Value extends object
-  ?
-      | SharedValueDisableContravariance<Value>
-      | {
-          [Key in keyof Value]:
-            | MaybeSharedValueRecursive<Value[Key]>
-            | Value[Key];
-        }
-  : MaybeSharedValue<Value>;
+    ?
+        | SharedValueDisableContravariance<Value>
+        | {
+            [Key in keyof Value]:
+              | MaybeSharedValueRecursive<Value[Key]>
+              | Value[Key];
+          }
+    : MaybeSharedValue<Value>;
 
 type DefaultStyle = ViewStyle & ImageStyle & TextStyle;
 
diff --git a/packages/react-native-reanimated/src/component/FlatList.tsx b/packages/react-native-reanimated/src/component/FlatList.tsx
index 42377ad4d8f..e4625412535 100644
--- a/packages/react-native-reanimated/src/component/FlatList.tsx
+++ b/packages/react-native-reanimated/src/component/FlatList.tsx
@@ -116,7 +116,7 @@ const FlatListForwardRefRender = function <Item = any>(
 export const ReanimatedFlatList = forwardRef(FlatListForwardRefRender) as <
   // We need explicit any here, because this is the exact same type that is used in React Native types.
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ItemT = any
+  ItemT = any,
 >(
   props: ReanimatedFlatListPropsWithLayout<ItemT> & {
     ref?: React.ForwardedRef<FlatList>;
diff --git a/packages/react-native-reanimated/src/hook/commonTypes.ts b/packages/react-native-reanimated/src/hook/commonTypes.ts
index e87de3d3007..8a40be51aca 100644
--- a/packages/react-native-reanimated/src/hook/commonTypes.ts
+++ b/packages/react-native-reanimated/src/hook/commonTypes.ts
@@ -90,7 +90,7 @@ export interface IWorkletEventHandler<Event extends object> {
 }
 
 export interface AnimatedStyleHandle<
-  Style extends DefaultStyle = DefaultStyle
+  Style extends DefaultStyle = DefaultStyle,
 > {
   viewDescriptors: ViewDescriptorsSet;
   initial: {
@@ -100,7 +100,7 @@ export interface AnimatedStyleHandle<
 }
 
 export interface JestAnimatedStyleHandle<
-  Style extends DefaultStyle = DefaultStyle
+  Style extends DefaultStyle = DefaultStyle,
 > extends AnimatedStyleHandle<Style> {
   jestAnimatedStyle: MutableRefObject<AnimatedStyle<Style>>;
 }
diff --git a/packages/react-native-reanimated/src/hook/useAnimatedGestureHandler.ts b/packages/react-native-reanimated/src/hook/useAnimatedGestureHandler.ts
index b58de53b350..fe50dc92e66 100644
--- a/packages/react-native-reanimated/src/hook/useAnimatedGestureHandler.ts
+++ b/packages/react-native-reanimated/src/hook/useAnimatedGestureHandler.ts
@@ -49,7 +49,7 @@ export type GestureHandlerEvent<Event extends object> =
 
 type GestureHandler<
   Event extends NativeEventWrapper<PropsUsedInUseAnimatedGestureHandler>,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 > = (
   eventPayload: ReanimatedEvent<Event>,
   context: Context,
@@ -58,7 +58,7 @@ type GestureHandler<
 
 export interface GestureHandlers<
   Event extends NativeEventWrapper<PropsUsedInUseAnimatedGestureHandler>,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 > {
   [key: string]: GestureHandler<Event, Context> | undefined;
   onStart?: GestureHandler<Event, Context>;
@@ -76,8 +76,9 @@ export interface GestureHandlers<
  * for information about how to migrate to `react-native-gesture-handler` v2
  */
 export function useAnimatedGestureHandler<
-  Event extends NativeEventWrapper<PropsUsedInUseAnimatedGestureHandler> = DefaultEvent,
-  Context extends Record<string, unknown> = Record<string, unknown>
+  Event extends
+    NativeEventWrapper<PropsUsedInUseAnimatedGestureHandler> = DefaultEvent,
+  Context extends Record<string, unknown> = Record<string, unknown>,
 >(handlers: GestureHandlers<Event, Context>, dependencies?: DependencyList) {
   type WebOrNativeEvent = Event | ReanimatedEvent<Event>;
 
diff --git a/packages/react-native-reanimated/src/hook/useAnimatedRef.ts b/packages/react-native-reanimated/src/hook/useAnimatedRef.ts
index 3451f91217b..ed60d659929 100644
--- a/packages/react-native-reanimated/src/hook/useAnimatedRef.ts
+++ b/packages/react-native-reanimated/src/hook/useAnimatedRef.ts
@@ -40,7 +40,7 @@ function getComponentOrScrollable(component: MaybeScrollableComponent) {
  * @see https://docs.swmansion.com/react-native-reanimated/docs/core/useAnimatedRef
  */
 export function useAnimatedRef<
-  TComponent extends Component
+  TComponent extends Component,
 >(): AnimatedRef<TComponent> {
   const tag = useSharedValue<number | ShadowNodeWrapper | null>(-1);
   const viewName = useSharedValue<string | null>(null);
diff --git a/packages/react-native-reanimated/src/hook/useAnimatedScrollHandler.ts b/packages/react-native-reanimated/src/hook/useAnimatedScrollHandler.ts
index 29a7334ae79..ae40c93fe85 100644
--- a/packages/react-native-reanimated/src/hook/useAnimatedScrollHandler.ts
+++ b/packages/react-native-reanimated/src/hook/useAnimatedScrollHandler.ts
@@ -9,7 +9,7 @@ import type { EventHandlerInternal, EventHandlerProcessed } from './useEvent';
 import { useEvent } from './useEvent';
 
 export type ScrollHandler<
-  Context extends Record<string, unknown> = Record<string, unknown>
+  Context extends Record<string, unknown> = Record<string, unknown>,
 > = (event: ReanimatedScrollEvent, context: Context) => void;
 export interface ScrollHandlers<Context extends Record<string, unknown>> {
   onScroll?: ScrollHandler<Context>;
@@ -20,7 +20,7 @@ export interface ScrollHandlers<Context extends Record<string, unknown>> {
 }
 
 export type ScrollHandlerProcessed<
-  Context extends Record<string, unknown> = Record<string, unknown>
+  Context extends Record<string, unknown> = Record<string, unknown>,
 > = EventHandlerProcessed<RNNativeScrollEvent, Context>;
 
 export type ScrollHandlerInternal = EventHandlerInternal<RNNativeScrollEvent>;
@@ -37,14 +37,14 @@ export type ScrollHandlerInternal = EventHandlerInternal<RNNativeScrollEvent>;
  */
 // @ts-expect-error This overload is required by our API.
 export function useAnimatedScrollHandler<
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 >(
   handlers: ScrollHandler<Context> | ScrollHandlers<Context>,
   dependencies?: DependencyList
 ): ScrollHandlerProcessed<Context>;
 
 export function useAnimatedScrollHandler<
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 >(
   handlers: ScrollHandlers<Context> | ScrollHandler<Context>,
   dependencies?: DependencyList
diff --git a/packages/react-native-reanimated/src/hook/useComposedEventHandler.ts b/packages/react-native-reanimated/src/hook/useComposedEventHandler.ts
index a532ca9fe51..bd5d836219c 100644
--- a/packages/react-native-reanimated/src/hook/useComposedEventHandler.ts
+++ b/packages/react-native-reanimated/src/hook/useComposedEventHandler.ts
@@ -8,7 +8,7 @@ import type { EventHandlerProcessed, EventHandlerInternal } from './useEvent';
 
 type ComposedHandlerProcessed<
   Event extends object,
-  Context extends Record<string, unknown> = Record<string, unknown>
+  Context extends Record<string, unknown> = Record<string, unknown>,
 > = EventHandlerProcessed<Event, Context>;
 
 type ComposedHandlerInternal<Event extends object> =
@@ -24,14 +24,14 @@ type ComposedHandlerInternal<Event extends object> =
 // @ts-expect-error This overload is required by our API.
 export function useComposedEventHandler<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 >(
   handlers: (EventHandlerProcessed<Event, Context> | null)[]
 ): ComposedHandlerProcessed<Event, Context>;
 
 export function useComposedEventHandler<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 >(handlers: (EventHandlerProcessed<Event, Context> | null)[]) {
   // Record of handlers' worklets to calculate deps diffs. We use the record type to match the useHandler API requirements
   const workletsRecord: Record<string, WorkletFunction> = {};
diff --git a/packages/react-native-reanimated/src/hook/useEvent.ts b/packages/react-native-reanimated/src/hook/useEvent.ts
index dbd750d1f5d..8bf5bf2d9dc 100644
--- a/packages/react-native-reanimated/src/hook/useEvent.ts
+++ b/packages/react-native-reanimated/src/hook/useEvent.ts
@@ -8,12 +8,12 @@ import type { IWorkletEventHandler, ReanimatedEvent } from './commonTypes';
  */
 export type EventHandler<
   Event extends object,
-  Context extends Record<string, unknown> = never
+  Context extends Record<string, unknown> = never,
 > = (event: ReanimatedEvent<Event>, context?: Context) => void;
 
 export type EventHandlerProcessed<
   Event extends object,
-  Context extends Record<string, unknown> = never
+  Context extends Record<string, unknown> = never,
 > = (event: Event, context?: Context) => void;
 
 export type EventHandlerInternal<Event extends object> = {
@@ -36,7 +36,7 @@ export type EventHandlerInternal<Event extends object> = {
 // it being a React Ref in `createAnimatedComponent`.
 export function useEvent<
   Event extends object,
-  Context extends Record<string, unknown> = never
+  Context extends Record<string, unknown> = never,
 >(
   handler: EventHandler<Event, Context>,
   eventNames?: string[],
diff --git a/packages/react-native-reanimated/src/hook/useHandler.ts b/packages/react-native-reanimated/src/hook/useHandler.ts
index 8eae7eaaef9..27bc1494613 100644
--- a/packages/react-native-reanimated/src/hook/useHandler.ts
+++ b/packages/react-native-reanimated/src/hook/useHandler.ts
@@ -8,24 +8,24 @@ import { makeShareable } from '../shareables';
 
 interface GeneralHandler<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 > {
   (event: ReanimatedEvent<Event>, context: Context): void;
 }
 
 type GeneralWorkletHandler<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 > = WorkletFunction<[event: ReanimatedEvent<Event>, context: Context]>;
 
 type GeneralHandlers<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 > = Record<string, GeneralHandler<Event, Context> | undefined>;
 
 type GeneralWorkletHandlers<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 > = Record<string, GeneralWorkletHandler<Event, Context> | undefined>;
 
 interface ContextWithDependencies<Context extends Record<string, unknown>> {
@@ -50,7 +50,7 @@ export interface UseHandlerContext<Context extends Record<string, unknown>> {
 // @ts-expect-error This overload is required by our API.
 export function useHandler<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 >(
   handlers: GeneralHandlers<Event, Context>,
   dependencies?: DependencyList
@@ -58,7 +58,7 @@ export function useHandler<
 
 export function useHandler<
   Event extends object,
-  Context extends Record<string, unknown>
+  Context extends Record<string, unknown>,
 >(
   handlers: GeneralWorkletHandlers<Event, Context>,
   dependencies?: DependencyList
diff --git a/packages/react-native-reanimated/src/hook/utils.ts b/packages/react-native-reanimated/src/hook/utils.ts
index 47c889cda38..113e62b7289 100644
--- a/packages/react-native-reanimated/src/hook/utils.ts
+++ b/packages/react-native-reanimated/src/hook/utils.ts
@@ -90,7 +90,7 @@ export function isAnimated(prop: unknown) {
 // return empty array of primitives and on arrays
 // it returns array of its indices.
 export function shallowEqual<
-  T extends Record<string | number | symbol, unknown>
+  T extends Record<string | number | symbol, unknown>,
 >(a: T, b: T) {
   'worklet';
   const aKeys = Object.keys(a);
diff --git a/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/BaseAnimationBuilder.ts b/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/BaseAnimationBuilder.ts
index a9e1d9b3df5..b7469aaba49 100644
--- a/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/BaseAnimationBuilder.ts
+++ b/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/BaseAnimationBuilder.ts
@@ -125,7 +125,7 @@ export class BaseAnimationBuilder {
   getDelay(): number {
     return this.randomizeDelay
       ? Math.random() * (this.delayV ?? 1000)
-      : this.delayV ?? 0;
+      : (this.delayV ?? 0);
   }
 
   getReduceMotion(): ReduceMotion {
diff --git a/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/commonTypes.ts b/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/commonTypes.ts
index d62b2e32de2..5fc7d760f49 100644
--- a/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/commonTypes.ts
+++ b/packages/react-native-reanimated/src/layoutReanimation/animationBuilder/commonTypes.ts
@@ -132,7 +132,7 @@ export interface BaseBuilderAnimationConfig extends BaseLayoutAnimationConfig {
 
 export type LayoutAnimationAndConfig = [
   AnimationFunction,
-  BaseBuilderAnimationConfig
+  BaseBuilderAnimationConfig,
 ];
 
 export interface IEntryExitAnimationBuilder {
diff --git a/packages/react-native-reanimated/src/layoutReanimation/web/animationsManager.ts b/packages/react-native-reanimated/src/layoutReanimation/web/animationsManager.ts
index 9c6f611339f..f07e3e2f3bf 100644
--- a/packages/react-native-reanimated/src/layoutReanimation/web/animationsManager.ts
+++ b/packages/react-native-reanimated/src/layoutReanimation/web/animationsManager.ts
@@ -40,10 +40,10 @@ function chooseConfig<ComponentProps extends Record<string, unknown>>(
     animationType === LayoutAnimationType.ENTERING
       ? props.entering
       : animationType === LayoutAnimationType.EXITING
-      ? props.exiting
-      : animationType === LayoutAnimationType.LAYOUT
-      ? props.layout
-      : null;
+        ? props.exiting
+        : animationType === LayoutAnimationType.LAYOUT
+          ? props.layout
+          : null;
 
   return config;
 }
@@ -182,7 +182,7 @@ function tryGetAnimationConfig<ComponentProps extends Record<string, unknown>>(
 }
 
 export function startWebLayoutAnimation<
-  ComponentProps extends Record<string, unknown>
+  ComponentProps extends Record<string, unknown>,
 >(
   props: Readonly<AnimatedComponentProps<ComponentProps>>,
   element: ReanimatedHTMLElement,
@@ -213,7 +213,7 @@ export function startWebLayoutAnimation<
 }
 
 export function tryActivateLayoutTransition<
-  ComponentProps extends Record<string, unknown>
+  ComponentProps extends Record<string, unknown>,
 >(
   props: Readonly<AnimatedComponentProps<ComponentProps>>,
   element: ReanimatedHTMLElement,
diff --git a/yarn.lock b/yarn.lock
index a94eb057191..beef377890c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8789,7 +8789,7 @@ __metadata:
     esbuild: "npm:^0.17.11"
     eslint: "npm:^8.0.0-0"
     eslint-plugin-standard: "npm:^5.0.0"
-    prettier: "npm:^2.5.1"
+    prettier: "npm:^3.3.3"
     tsc-watch: "npm:^6.0.0"
     typescript: "npm:^4.1.3"
   languageName: unknown
@@ -9923,7 +9923,7 @@ __metadata:
     eslint: "npm:^8.57.0"
     eslint-plugin-reanimated: "workspace:*"
     patch-package: "npm:^8.0.0"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.3.1"
     react-native: "npm:0.75.2"
     react-native-gesture-handler: "npm:2.18.0"
@@ -11773,7 +11773,7 @@ __metadata:
     esbuild: "npm:^0.20.0"
     eslint: "npm:^8.57.0"
     jest: "npm:^29.7.0"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     ts-jest: "npm:^29.1.2"
     typescript: "npm:~5.3.0"
   languageName: unknown
@@ -12519,7 +12519,7 @@ __metadata:
     eslint: "npm:^8.57.0"
     jest: "npm:^29.6.3"
     patch-package: "npm:^8.0.0"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.3.1"
     react-native: "npm:0.75.2"
     react-native-gesture-handler: "npm:2.18.0"
@@ -15918,7 +15918,7 @@ __metadata:
     common-app: "workspace:*"
     eslint: "npm:^8.57.0"
     jest: "npm:^29.6.3"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.2.0"
     react-native: "npm:0.73.4"
     react-native-gesture-handler: "npm:2.18.0"
@@ -16825,7 +16825,7 @@ __metadata:
     expo: "npm:~48.0.10"
     next: "npm:latest"
     next-compose-plugins: "npm:^2.2.1"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.3.1"
     react-dom: "npm:18.3.1"
     react-native-reanimated: "workspace:*"
@@ -17439,7 +17439,7 @@ __metadata:
     eslint: "npm:^8.57.0"
     jest: "npm:^29.6.3"
     patch-package: "npm:^8.0.0"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.3.1"
     react-native: "npm:0.75.2"
     react-native-gesture-handler: "npm:2.18.0"
@@ -17870,12 +17870,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:2.8.8, prettier@npm:^2.5.1":
-  version: 2.8.8
-  resolution: "prettier@npm:2.8.8"
+"prettier@npm:^3.3.3":
+  version: 3.3.3
+  resolution: "prettier@npm:3.3.3"
   bin:
-    prettier: bin-prettier.js
-  checksum: 10/00cdb6ab0281f98306cd1847425c24cbaaa48a5ff03633945ab4c701901b8e96ad558eb0777364ffc312f437af9b5a07d0f45346266e8245beaf6247b9c62b24
+    prettier: bin/prettier.cjs
+  checksum: 10/5beac1f30b5b40162532b8e2f7c3a4eb650910a2695e9c8512a62ffdc09dae93190c29db9107fa7f26d1b6c71aad3628ecb9b5de1ecb0911191099be109434d7
   languageName: node
   linkType: hard
 
@@ -18386,7 +18386,7 @@ __metadata:
     eslint: "npm:^8.57.0"
     husky: "npm:^9.0.11"
     lint-staged: "npm:^15.2.2"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     typescript: "npm:~5.3.0"
   languageName: unknown
   linkType: soft
@@ -18451,7 +18451,7 @@ __metadata:
     invariant: "npm:^2.2.4"
     jest: "npm:^29.0.0"
     madge: "npm:^5.0.1"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.3.1"
     react-native: "npm:0.75.2"
     react-native-builder-bob: "npm:^0.18.3"
@@ -20891,7 +20891,7 @@ __metadata:
     eslint: "npm:^8.57.0"
     expo: "npm:^50.0.2"
     jest: "npm:^29.6.3"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.2.0"
     react-native: "npm:react-native-tvos@0.73.4-0"
     react-native-reanimated: "workspace:*"
@@ -21540,7 +21540,7 @@ __metadata:
     common-app: "workspace:*"
     eslint: "npm:^8.57.0"
     expo: "npm:~51.0.2"
-    prettier: "npm:2.8.8"
+    prettier: "npm:^3.3.3"
     react: "npm:18.3.1"
     react-dom: "npm:18.3.1"
     react-native: "npm:0.74.0"