Ensure server-only code remains server-only

having a bit of trouble understanding how "server only" code stays "server only" in TSS. i assume this dynamic import is an anti pattern:

export const listOrganizations = async () => {
  const auth = await import("@/lib/server/auth").then((mod) => mod.auth);
  const req = getWebRequest();
  if (!req) {
    throw new Error("No request found");
  }
  const orgs = await auth.api.listOrganizations({ headers: req.headers });
  return orgs;
};

export const listOrganizations = async () => {
  const auth = await import("@/lib/server/auth").then((mod) => mod.auth);
  const req = getWebRequest();
  if (!req) {
    throw new Error("No request found");
  }
  const orgs = await auth.api.listOrganizations({ headers: req.headers });
  return orgs;
};

i'm not sure how i'd use that function in a

beforeLoad

beforeLoad

otherwise, eg

import { listOrganizations } from "@/lib/orgs";

export const Route = createFileRoute("/(app)/_app")({
  component: RouteComponent,
  beforeLoad: async ({ context }) => {
    if (!context.user) {
      throw redirect({
        to: "/signin",
      });
    }
    const orgs = await listOrganizations()
    console.log(`orgs: ${JSON.stringify(orgs)}`)
  },
});

import { listOrganizations } from "@/lib/orgs";

export const Route = createFileRoute("/(app)/_app")({
  component: RouteComponent,
  beforeLoad: async ({ context }) => {
    if (!context.user) {
      throw redirect({
        to: "/signin",
      });
    }
    const orgs = await listOrganizations()
    console.log(`orgs: ${JSON.stringify(orgs)}`)
  },
});

any help is much appreciated!

TanStack•13mo ago•

3 replies

dead-brown

Ensure server-only code remains server-only

having a bit of trouble understanding how "server only" code stays "server only" in TSS. i assume this dynamic import is an anti pattern:

export const listOrganizations = async () => {
  const auth = await import("@/lib/server/auth").then((mod) => mod.auth);
  const req = getWebRequest();
  if (!req) {
    throw new Error("No request found");
  }
  const orgs = await auth.api.listOrganizations({ headers: req.headers });
  return orgs;
};

export const listOrganizations = async () => {
  const auth = await import("@/lib/server/auth").then((mod) => mod.auth);
  const req = getWebRequest();
  if (!req) {
    throw new Error("No request found");
  }
  const orgs = await auth.api.listOrganizations({ headers: req.headers });
  return orgs;
};

i'm not sure how i'd use that function in a

beforeLoad

beforeLoad

otherwise, eg

import { listOrganizations } from "@/lib/orgs";

export const Route = createFileRoute("/(app)/_app")({
  component: RouteComponent,
  beforeLoad: async ({ context }) => {
    if (!context.user) {
      throw redirect({
        to: "/signin",
      });
    }
    const orgs = await listOrganizations()
    console.log(`orgs: ${JSON.stringify(orgs)}`)
  },
});

import { listOrganizations } from "@/lib/orgs";

export const Route = createFileRoute("/(app)/_app")({
  component: RouteComponent,
  beforeLoad: async ({ context }) => {
    if (!context.user) {
      throw redirect({
        to: "/signin",
      });
    }
    const orgs = await listOrganizations()
    console.log(`orgs: ${JSON.stringify(orgs)}`)
  },
});

any help is much appreciated!

Ensure server-only code remains server-only

Similar Threads

Ensure server-only code remains server-only

Similar Threads

Similar Threads

Similar Threads