How to generate locations in server functions?

Hey! I need to generate an absolute URL for a location in my app, from a server function. I'd like to leverage the router so here's what I came up with:

export const subscribeFn = createServerFn({ method: "POST" }).handler(
  async () => {
    const router = getRouter();
    const session = await stripe.checkout.sessions.create({
      // ...
      success_url: new URL(
        router.buildLocation({
          to: "/org/$organizationSlug",
          params: { organizationSlug: organization.slug },
          search: { session_id: "{CHECKOUT_SESSION_ID}" },
        }).href,
        env.BETTER_AUTH_URL,
      ).toString(),
    });

    return {
      redirectUrl: session.url,
    };
  },
);

export const subscribeFn = createServerFn({ method: "POST" }).handler(
  async () => {
    const router = getRouter();
    const session = await stripe.checkout.sessions.create({
      // ...
      success_url: new URL(
        router.buildLocation({
          to: "/org/$organizationSlug",
          params: { organizationSlug: organization.slug },
          search: { session_id: "{CHECKOUT_SESSION_ID}" },
        }).href,
        env.BETTER_AUTH_URL,
      ).toString(),
    });

    return {
      redirectUrl: session.url,
    };
  },
);

But I get an error "cannot read pathname of undefined". Which seems to suggest that the router relies on something that's not available in a server environment.

So what's the recommended approach here?

TanStack•2mo ago•

6 replies

moderate-tomato

How to generate locations in server functions?

Hey! I need to generate an absolute URL for a location in my app, from a server function. I'd like to leverage the router so here's what I came up with:

export const subscribeFn = createServerFn({ method: "POST" }).handler(
  async () => {
    const router = getRouter();
    const session = await stripe.checkout.sessions.create({
      // ...
      success_url: new URL(
        router.buildLocation({
          to: "/org/$organizationSlug",
          params: { organizationSlug: organization.slug },
          search: { session_id: "{CHECKOUT_SESSION_ID}" },
        }).href,
        env.BETTER_AUTH_URL,
      ).toString(),
    });

    return {
      redirectUrl: session.url,
    };
  },
);

export const subscribeFn = createServerFn({ method: "POST" }).handler(
  async () => {
    const router = getRouter();
    const session = await stripe.checkout.sessions.create({
      // ...
      success_url: new URL(
        router.buildLocation({
          to: "/org/$organizationSlug",
          params: { organizationSlug: organization.slug },
          search: { session_id: "{CHECKOUT_SESSION_ID}" },
        }).href,
        env.BETTER_AUTH_URL,
      ).toString(),
    });

    return {
      redirectUrl: session.url,
    };
  },
);

How to generate locations in server functions?

Similar Threads

How to generate locations in server functions?

Similar Threads

Similar Threads

Similar Threads