Is it possible to trigger beforeLoad of a folder index route and respective sub routes?

I have the folder structure in the image, i've changed folder name from _layout to _authenticated.
In the index of admin, i have this before load:

export const Route = createFileRoute("/_authenticated/admin/")({
  beforeLoad: async () => {
    const user = await getUser();
    if (!user) {
      throw redirect({ to: "/login" });
    }

    const isUserAdmin = user.roles.some((role) => ADMIN_ROLES.includes(role));
    if (!isUserAdmin) {
      throw notFound();
    }
  },
  errorComponent: ({ error }) => <ErrorComponent error={error} />,
});

export const Route = createFileRoute("/_authenticated/admin/")({
  beforeLoad: async () => {
    const user = await getUser();
    if (!user) {
      throw redirect({ to: "/login" });
    }

    const isUserAdmin = user.roles.some((role) => ADMIN_ROLES.includes(role));
    if (!isUserAdmin) {
      throw notFound();
    }
  },
  errorComponent: ({ error }) => <ErrorComponent error={error} />,
});

Do i need to create this same beforeLoad in every nested admin route?

Edit: typos

TanStack•2y ago•

15 replies

good-rose

Is it possible to trigger beforeLoad of a folder index route and respective sub routes?

I have the folder structure in the image, i've changed folder name from _layout to _authenticated.
In the index of admin, i have this before load:

export const Route = createFileRoute("/_authenticated/admin/")({
  beforeLoad: async () => {
    const user = await getUser();
    if (!user) {
      throw redirect({ to: "/login" });
    }

    const isUserAdmin = user.roles.some((role) => ADMIN_ROLES.includes(role));
    if (!isUserAdmin) {
      throw notFound();
    }
  },
  errorComponent: ({ error }) => <ErrorComponent error={error} />,
});

export const Route = createFileRoute("/_authenticated/admin/")({
  beforeLoad: async () => {
    const user = await getUser();
    if (!user) {
      throw redirect({ to: "/login" });
    }

    const isUserAdmin = user.roles.some((role) => ADMIN_ROLES.includes(role));
    if (!isUserAdmin) {
      throw notFound();
    }
  },
  errorComponent: ({ error }) => <ErrorComponent error={error} />,
});

Do i need to create this same beforeLoad in every nested admin route?

Edit: typos

Is it possible to trigger beforeLoad of a folder index route and respective sub routes?

Similar Threads

Is it possible to trigger beforeLoad of a folder index route and respective sub routes?

Similar Threads

Similar Threads

Similar Threads