begin migration to trpc/react-query integration

trpc/client.ts

@@ -1,11 +1,15 @@
-import { createTRPCProxyClient, httpBatchLink } from "@trpc/client";
+// import { createTRPCProxyClient, httpBatchLink } from "@trpc/client";
+import { createTRPCContext } from "@trpc/tanstack-react-query";
 import type { AppRouter } from "./router.js";
 
-export const trpc = createTRPCProxyClient<AppRouter>({
-  links: [
-    httpBatchLink({
-      url: "/api/trpc",
-      methodOverride: "POST",
-    }),
-  ],
-});
+export const { TRPCProvider, useTRPC, useTRPCClient } =
+  createTRPCContext<AppRouter>();
+
+// export const trpc = createTRPCProxyClient<AppRouter>({
+//   links: [
+//     httpBatchLink({
+//       url: "/api/trpc",
+//       methodOverride: "POST",
+//     }),
+//   ],
+// });

trpc/server.ts

@@ -6,7 +6,18 @@ import { initTRPC, TRPCError } from "@trpc/server";
  * Initialization of tRPC backend
  * Should be done only once per backend!
  */
-const t = initTRPC.context<object>().create();
+const t = initTRPC.context<object>().create(/*{
+  sse: {
+    maxDurationMs: 5 * 60 * 1_000, // 5 minutes
+    ping: {
+      enabled: true,
+      intervalMs: 3_000,
+    },
+    client: {
+      reconnectAfterInactivityMs: 5_000,
+    },
+  },
+}*/);
 
 /**
  * Export reusable router and procedure helpers