feat(INTERNAL-1361): whats new in separate trpc call

src/components/WhatsNew/WhatsNew.tsx

@@ -25,6 +25,11 @@ const WhatsNew = () => {
         },
         {
             staleTime: Infinity,
+            trpc: {
+                context: {
+                    skipBatch: true,
+                },
+            },
         },
     );
 

src/utils/trpcClient.ts

@@ -1,4 +1,4 @@
-import { httpBatchLink } from '@trpc/client';
+import { httpBatchLink, httpLink, splitLink } from '@trpc/client';
 import { createTRPCNext } from '@trpc/next';
 
 import type { TrpcRouter } from '../../trpc/router';
@@ -15,6 +15,25 @@ function getBaseUrl() {
 
 export const trpc = createTRPCNext<TrpcRouter>({
     config: ({ ctx }) => {
+        const linkOptions = {
+            url: `${getBaseUrl()}/api/trpc`,
+            headers: async () => {
+                if (ctx?.req) {
+                    // https://trpc.io/docs/nextjs/ssr#q-why-do-i-need-to-delete-the-connection-header-when-using-ssr-on-node-18
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                    const { connection, ...headers } = ctx.req.headers;
+
+                    return {
+                        ...headers,
+                        // Optional: inform server that it's an SSR request
+                        'x-ssr': '1',
+                    };
+                }
+
+                return {};
+            },
+        };
+
         return {
             transformer,
 
@@ -32,23 +51,12 @@ export const trpc = createTRPCNext<TrpcRouter>({
             },
 
             links: [
-                httpBatchLink({
-                    url: `${getBaseUrl()}/api/trpc`,
-                    headers: async () => {
-                        if (ctx?.req) {
-                            // https://trpc.io/docs/nextjs/ssr#q-why-do-i-need-to-delete-the-connection-header-when-using-ssr-on-node-18
-                            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                            const { connection, ...headers } = ctx.req.headers;
-
-                            return {
-                                ...headers,
-                                // Optional: inform server that it's an SSR request
-                                'x-ssr': '1',
-                            };
-                        }
-
-                        return {};
+                splitLink({
+                    condition: (op) => {
+                        return op.context.skipBatch === true;
                     },
+                    true: httpLink(linkOptions),
+                    false: httpBatchLink(linkOptions),
                 }),
             ],
         };

trpc/router/whatsnew.ts

@@ -23,7 +23,8 @@ export const whatsnew = router({
 
             const whatsnewDir = path.join(process.cwd(), 'src/pages/whatsnew');
             try {
-                const versionsWithNotes = fs.readdirSync(whatsnewDir).filter((f) => /^\d+\.\d+\.\d+$/.test(f));
+                const directories = await fs.promises.readdir(whatsnewDir);
+                const versionsWithNotes = directories.filter((f) => /^\d+\.\d+\.\d+$/.test(f));
                 version = versionsWithNotes.at(-1);
             } catch (e) {
                 console.log(e);