Server Side Rendering & TRPC Router / Client Code

>> query  #1 focusList.getFocusLists  { input: undefined }
 << query  #1 focusList.getFocusLists  {
  input: undefined,
  result: TRPCClientError: If you want to call this function on the server, you do the following:
  This is a client-only function.
  
  const caller = appRouter.createCaller({
    /* ... your context */
  });
  
  const result = await caller.call('myProcedure', input);
      at TRPCClientError.from (webpack-internal:///(rsc)/./node_modules/@trpc/client/dist/TRPCClientError-5f32366f.mjs:41:16)
      at eval (webpack-internal:///(rsc)/./src/trpc/server.ts:63:98)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
    meta: undefined,
    shape: undefined,
    data: undefined,
    [cause]: Error: If you want to call this function on the server, you do the following:
    This is a client-only function.
    
    const caller = appRouter.createCaller({
      /* ... your context */
    });
    
    const result = await caller.call('myProcedure', input);
        at procedure (webpack-internal:///(rsc)/./node_modules/@trpc/server/dist/procedureBuilder-233a443d.mjs:294:19)
        at callProcedure (webpack-internal:///(rsc)/./node_modules/@trpc/server/dist/router-f0c73097.mjs:133:12)
        at eval (webpack-internal:///(rsc)/./src/trpc/server.ts:48:91)
        at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
  },
  elapsedMs: 9
}