Throw notFound() gets me a blank page

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} />,
});

import { ErrorComponent, createRouter } from "@tanstack/react-router";
import { routeTree } from "../routeTree.gen";
import NotFoundPage from "@/components/NotFoundPage";

// Set up a Router instance
const router = createRouter({
  routeTree,
  defaultPreload: "intent",
  defaultNotFoundComponent: () => <NotFoundPage />,
  defaultErrorComponent: ({ error }) => <ErrorComponent error={error} />,
});

// Register things for typesafety
declare module "@tanstack/react-router" {
  interface Register {
    router: typeof router;
  }
}

export default router;