diff --git a/apps/native/src/components/ui/collapsible.tsx b/apps/native/src/components/ui/collapsible.tsx
index 52da673..f853071 100644
--- a/apps/native/src/components/ui/collapsible.tsx
+++ b/apps/native/src/components/ui/collapsible.tsx
@@ -83,9 +83,9 @@ const CollapsibleHeader = React.forwardRef<
 const CollapsibleTrigger = React.forwardRef<
 	React.ElementRef<typeof Pressable>,
 	React.ComponentPropsWithoutRef<typeof Pressable> &
-	VariantProps<typeof buttonVariants> & {
-		asChild?: boolean;
-	}
+		VariantProps<typeof buttonVariants> & {
+			asChild?: boolean;
+		}
 >(
 	(
 		{
diff --git a/apps/native/src/components/ui/section-list.tsx b/apps/native/src/components/ui/section-list.tsx
index d5326c2..66a06b0 100644
--- a/apps/native/src/components/ui/section-list.tsx
+++ b/apps/native/src/components/ui/section-list.tsx
@@ -19,8 +19,8 @@ function FlashList<TItem>(
 			typeof item === "string"
 				? item
 				: (item as IdItem)?.id
-					? (item as IdItem).id ?? String(index)
-					: String(index),
+				  ? (item as IdItem).id ?? String(index)
+				  : String(index),
 		estimatedItemSize = 50,
 		renderItem,
 		renderSectionHeader,
diff --git a/apps/native/src/components/universal-ui/context-menu.tsx b/apps/native/src/components/universal-ui/context-menu.tsx
index e28a096..eca98e5 100644
--- a/apps/native/src/components/universal-ui/context-menu.tsx
+++ b/apps/native/src/components/universal-ui/context-menu.tsx
@@ -98,12 +98,12 @@ const ContextMenuContent = React.forwardRef<
 				style={
 					overlayStyle
 						? StyleSheet.flatten([
-							Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
-							overlayStyle,
-						])
+								Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
+								overlayStyle,
+						  ])
 						: Platform.OS !== "web"
-							? StyleSheet.absoluteFill
-							: undefined
+						  ? StyleSheet.absoluteFill
+						  : undefined
 				}
 				className={overlayClassName}
 			>
diff --git a/apps/native/src/components/universal-ui/dropdown-menu.tsx b/apps/native/src/components/universal-ui/dropdown-menu.tsx
index 9d4002d..714b9da 100644
--- a/apps/native/src/components/universal-ui/dropdown-menu.tsx
+++ b/apps/native/src/components/universal-ui/dropdown-menu.tsx
@@ -100,12 +100,12 @@ const DropdownMenuContent = React.forwardRef<
 				style={
 					overlayStyle
 						? StyleSheet.flatten([
-							Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
-							overlayStyle,
-						])
+								Platform.OS !== "web" ? StyleSheet.absoluteFill : undefined,
+								overlayStyle,
+						  ])
 						: Platform.OS !== "web"
-							? StyleSheet.absoluteFill
-							: undefined
+						  ? StyleSheet.absoluteFill
+						  : undefined
 				}
 				className={overlayClassName}
 			>
diff --git a/apps/native/src/components/universal-ui/select.tsx b/apps/native/src/components/universal-ui/select.tsx
index d5417cf..9bf79e7 100644
--- a/apps/native/src/components/universal-ui/select.tsx
+++ b/apps/native/src/components/universal-ui/select.tsx
@@ -100,7 +100,7 @@ const SelectContent = React.forwardRef<
 						className={cn(
 							"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 							position === "popper" &&
-							"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+								"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
 							open
 								? "web:zoom-in-95 web:animate-in web:fade-in-0"
 								: "web:zoom-out-95 web:animate-out web:fade-out-0",
@@ -114,7 +114,7 @@ const SelectContent = React.forwardRef<
 							className={cn(
 								"p-1",
 								position === "popper" &&
-								"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+									"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
 							)}
 						>
 							{children}
diff --git a/apps/native/src/lib/rn-primitives/progress/progress-native.tsx b/apps/native/src/lib/rn-primitives/progress/progress-native.tsx
index 2942911..868beec 100644
--- a/apps/native/src/lib/rn-primitives/progress/progress-native.tsx
+++ b/apps/native/src/lib/rn-primitives/progress/progress-native.tsx
@@ -64,6 +64,9 @@ function defaultGetValueLabel(value: number, max: number) {
 
 function isValidValueNumber(value: any, max: number): value is number {
 	return (
-		typeof value === "number" && !Number.isNaN(value) && value <= max && value >= 0
+		typeof value === "number" &&
+		!Number.isNaN(value) &&
+		value <= max &&
+		value >= 0
 	);
 }
diff --git a/apps/native/src/lib/rn-primitives/select/select-web.tsx b/apps/native/src/lib/rn-primitives/select/select-web.tsx
index 5082673..3cd7b68 100644
--- a/apps/native/src/lib/rn-primitives/select/select-web.tsx
+++ b/apps/native/src/lib/rn-primitives/select/select-web.tsx
@@ -113,9 +113,7 @@ const Value = React.forwardRef<TextRef, SlottableTextProps & SelectValueProps>(
 Value.displayName = "ValueWebSelect";
 
 function Portal({ container, children }: SelectPortalProps) {
-	return <Select.Portal container={container}>
-		{children}
-	</Select.Portal>;
+	return <Select.Portal container={container}>{children}</Select.Portal>;
 }
 
 const Overlay = React.forwardRef<
diff --git a/apps/native/src/utils/api.tsx b/apps/native/src/utils/api.tsx
index 446742f..cbc9c77 100644
--- a/apps/native/src/utils/api.tsx
+++ b/apps/native/src/utils/api.tsx
@@ -48,7 +48,6 @@ export function TRPCProvider(props: { children: React.ReactNode }) {
 	const [queryClient] = React.useState(() => new QueryClient());
 	const [trpcClient] = React.useState(() =>
 		api.createClient({
-			transformer: superjson,
 			links: [
 				httpBatchLink({
 					url: `${getBaseUrl()}/api/trpc`,
@@ -57,6 +56,7 @@ export function TRPCProvider(props: { children: React.ReactNode }) {
 						headers.set("x-trpc-source", "expo-react");
 						return Object.fromEntries(headers);
 					},
+					transformer: superjson,
 				}),
 			],
 		}),
diff --git a/apps/web/src/app/_components/auth-showcase.tsx b/apps/web/src/app/_components/auth-showcase.tsx
index ba64e00..fa4170c 100644
--- a/apps/web/src/app/_components/auth-showcase.tsx
+++ b/apps/web/src/app/_components/auth-showcase.tsx
@@ -11,7 +11,10 @@ export async function AuthShowcase() {
 					await signIn("discord");
 				}}
 			>
-				<button type="submit" className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20">
+				<button
+					type="submit"
+					className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
+				>
 					Sign in with Discord
 				</button>
 			</form>
@@ -30,7 +33,10 @@ export async function AuthShowcase() {
 					await signOut();
 				}}
 			>
-				<button type="submit" className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20">
+				<button
+					type="submit"
+					className="rounded-full bg-white/10 px-10 py-3 font-semibold no-underline transition hover:bg-white/20"
+				>
 					Sign out
 				</button>
 			</form>
diff --git a/apps/web/src/app/_components/posts.tsx b/apps/web/src/app/_components/posts.tsx
index 7df105c..fa7b830 100644
--- a/apps/web/src/app/_components/posts.tsx
+++ b/apps/web/src/app/_components/posts.tsx
@@ -59,7 +59,7 @@ export function CreatePostForm() {
 					{error.data.zodError.fieldErrors.content}
 				</span>
 			)}
-			{ }
+			{}
 			<button type="submit" className="rounded bg-pink-400 p-2 font-bold">
 				Create
 			</button>
@@ -132,14 +132,16 @@ export function PostCardSkeleton(props: {
 		<div className="flex flex-row rounded-lg bg-white/10 p-4 transition-all hover:scale-[101%]">
 			<div className="flex-grow">
 				<h2
-					className={`w-1/4 rounded bg-pink-400 text-2xl font-bold ${pulse && "animate-pulse"
-						}`}
+					className={`w-1/4 rounded bg-pink-400 text-2xl font-bold ${
+						pulse && "animate-pulse"
+					}`}
 				>
 					&nbsp;
 				</h2>
 				<p
-					className={`mt-2 w-1/3 rounded bg-current text-sm ${pulse && "animate-pulse"
-						}`}
+					className={`mt-2 w-1/3 rounded bg-current text-sm ${
+						pulse && "animate-pulse"
+					}`}
 				>
 					&nbsp;
 				</p>
diff --git a/apps/web/src/app/providers.tsx b/apps/web/src/app/providers.tsx
index b817117..092c1bd 100644
--- a/apps/web/src/app/providers.tsx
+++ b/apps/web/src/app/providers.tsx
@@ -34,7 +34,6 @@ export function TRPCReactProvider(props: {
 
 	const [trpcClient] = useState(() =>
 		api.createClient({
-			transformer: superjson,
 			links: [
 				loggerLink({
 					enabled: (opts) =>
@@ -48,6 +47,7 @@ export function TRPCReactProvider(props: {
 						headers.set("x-trpc-source", "nextjs-react");
 						return Object.fromEntries(headers);
 					},
+					transformer: superjson,
 				}),
 			],
 		}),
diff --git a/turbo.json b/turbo.json
index f1ddb25..f32f025 100644
--- a/turbo.json
+++ b/turbo.json
@@ -31,6 +31,21 @@
         "^topo"
       ]
     },
+    "format": {
+      "dependsOn": [
+        "^topo"
+      ]
+    },
+    "lint:fix": {
+      "dependsOn": [
+        "^topo"
+      ]
+    },
+    "format:fix": {
+      "dependsOn": [
+        "^topo"
+      ]
+    },
     "typecheck": {
       "dependsOn": [
         "^topo"