chore: apply lint and formatting fixes

autofix-ci[bot] · web-flow · commit d47620ba9013 · 2025-02-18T21:35:34.000Z
diff --git a/www/docs/client/tanstack-react-query/usage.mdx b/www/docs/client/tanstack-react-query/usage.mdx
@@ -231,25 +231,23 @@ function SubscriptionExample() {
 When you need to infer the input and output types for a procedure or router, there are 2 options available depending on the situation
 
 ```ts
-import { AppRouter } from './path/to/server'
-
 //
 // Infer the input and output types of a full router
 
 import type { inferRouterInputs, inferRouterOutputs } from '@trpc/server';
-
-export type Inputs = inferRouterInputs<AppRouter>
-export type Outputs = inferRouterOutputs<AppRouter>
-
 //
 // Infer types for a single procedure
 
 import type { inferInput, inferOutput } from '@trpc/tanstack-react-query';
+import { AppRouter } from './path/to/server';
+
+export type Inputs = inferRouterInputs<AppRouter>;
+export type Outputs = inferRouterOutputs<AppRouter>;
 
 function Component() {
-  const trpc = useTRPC()
+  const trpc = useTRPC();
 
-  type Input = inferInput<typeof trpc.path.to.procedure>
-  type Output = inferOutput<typeof trpc.path.to.procedure>
+  type Input = inferInput<typeof trpc.path.to.procedure>;
+  type Output = inferOutput<typeof trpc.path.to.procedure>;
 }
 ```
