Is there correct way to create abstraction around createServerFn?

Hello, I'm trying to create abstraction on top of

createServerFn

createServerFn

to validate payload using

zod

zod

. But I'm running into strange errors. Here is very simplified example:

import { createServerFn } from "@tanstack/start";

const createServerFnWithConsoleLog: typeof createServerFn = (...args) => {
  "use server"; // The error is same whether this directive is here or not.
  console.log("Hello from wrapper");

  return createServerFn(...args);
};

export const testFn = createServerFnWithConsoleLog("GET", async () => {
  return "Hello world!";
});

import { createServerFn } from "@tanstack/start";

const createServerFnWithConsoleLog: typeof createServerFn = (...args) => {
  "use server"; // The error is same whether this directive is here or not.
  console.log("Hello from wrapper");

  return createServerFn(...args);
};

export const testFn = createServerFnWithConsoleLog("GET", async () => {
  return "Hello world!";
});

With this code I'm getting:

Error: Invariant failed: createServerFn must be called with a function that is marked with the 'use server' pragma. Are you using the @tanstack/router-plugin/vite ?

Error: Invariant failed: createServerFn must be called with a function that is marked with the 'use server' pragma. Are you using the @tanstack/router-plugin/vite ?

Is there correct way to do this?

TanStack•2y ago•

29 replies

verbal-lime

Is there correct way to create abstraction around createServerFn?

Hello, I'm trying to create abstraction on top of

createServerFn

createServerFn

to validate payload using

zod

zod

. But I'm running into strange errors. Here is very simplified example:

import { createServerFn } from "@tanstack/start";

const createServerFnWithConsoleLog: typeof createServerFn = (...args) => {
  "use server"; // The error is same whether this directive is here or not.
  console.log("Hello from wrapper");

  return createServerFn(...args);
};

export const testFn = createServerFnWithConsoleLog("GET", async () => {
  return "Hello world!";
});

import { createServerFn } from "@tanstack/start";

const createServerFnWithConsoleLog: typeof createServerFn = (...args) => {
  "use server"; // The error is same whether this directive is here or not.
  console.log("Hello from wrapper");

  return createServerFn(...args);
};

export const testFn = createServerFnWithConsoleLog("GET", async () => {
  return "Hello world!";
});

With this code I'm getting:

Error: Invariant failed: createServerFn must be called with a function that is marked with the 'use server' pragma. Are you using the @tanstack/router-plugin/vite ?

Error: Invariant failed: createServerFn must be called with a function that is marked with the 'use server' pragma. Are you using the @tanstack/router-plugin/vite ?

Is there correct way to do this?

Is there correct way to create abstraction around createServerFn?

Similar Threads

Is there correct way to create abstraction around createServerFn?

Similar Threads

Similar Threads

Similar Threads