More changes

.changeset/nasty-chicken-accept.md

@@ -0,0 +1,5 @@
+---
+'@quilted/create': patch
+---
+
+Update template dependencies

.changeset/pink-onions-give.md

@@ -0,0 +1,5 @@
+---
+'@quilted/trpc': patch
+---
+
+Fix issues with trpc integration

integrations/trpc/source/server.ts

@@ -2,7 +2,7 @@ import {callProcedure, type AnyTRPCRouter} from '@trpc/server';
 import {observable} from '@trpc/server/observable';
 import {
   TRPCClientError,
-  createTRPCClient,
+  createTRPCUntypedClient,
   type CreateTRPCClientOptions,
   type TRPCLink,
 } from '@trpc/client';
@@ -12,9 +12,9 @@ export function createDirectClient<Router extends AnyTRPCRouter>(
   router: Router,
   {links = [] as any}: Partial<CreateTRPCClientOptions<Router>> = {},
 ) {
-  return createTRPCClient<Router>({
+  return createTRPCUntypedClient<Router>({
     links: [...links, directLink(router)],
-  } as any);
+  });
 }
 
 export function directLink<Router extends AnyTRPCRouter>(

packages/create/templates/app-trpc/shared/trpc.ts

@@ -1,4 +1,4 @@
-import type {CreateTRPCClient} from '@trpc/client';
+import type {TRPCUntypedClient} from '@trpc/client';
 import {createTRPCReact, type CreateTRPCReact} from '@trpc/react-query';
 import type {QueryClient} from '@tanstack/react-query';
 
@@ -12,7 +12,7 @@ export const trpc: CreateTRPCReact<AppRouter, {}> =
 
 declare module '~/shared/context.ts' {
   interface AppContext {
-    trpc: CreateTRPCClient<AppRouter>;
+    trpc: TRPCUntypedClient<AppRouter>;
     queryClient: QueryClient;
   }
 }

tests/e2e/integrations/trpc.test.ts

@@ -2,11 +2,8 @@ import {describe, it, expect} from 'vitest';
 import {multiline, createWorkspace, startServer} from '../utilities.ts';
 
 describe('trpc', () => {
-  it('can server and client render a trpc query', async () => {
-    await using workspace = await createWorkspace({
-      fixture: 'basic-app',
-      debug: true,
-    });
+  it('can server and client render a trpc suspense query', async () => {
+    await using workspace = await createWorkspace({fixture: 'basic-app'});
 
     await workspace.fs.write({
       'trpc.ts': multiline`
@@ -74,7 +71,7 @@ describe('trpc', () => {
         const trpcClient = trpc.createClient({
           links: [
             httpBatchLink({
-              url: new URL('/api', url).href,
+              url: new URL('/api', browser.request.url).href,
             }),
           ],
         });