tanstack router beforeLoad show blank page
I still can't find a solution for this problem setting pendingMinMs and pendingMs to zero doesn't work
1 Reply
vicious-goldOP•3d ago
import { createFileRoute, redirect } from "@tanstack/react-router";
import z from "zod";
import AttendanceInfo from "./-components/attendance-info";
import { VotingResults } from "./-components/voting-results";
import GeneralOnlineQuestion from "./-components/general-online-question";
import { LoadingOverlay } from "@/components/ui/loading-overlay";
export const Route = createFileRoute("/dashboard/_pathless-layout/$uuid/")({
component: RouteComponent,
beforeLoad: ({ params: { uuid } }) => {
const { success, data } = z.uuid().safeParse(uuid);
if (!success) throw redirect({ to: "/" });
return data;
},
});
function RouteComponent() {
return (
<div className="container py-3 flex flex-col gap-6">
<AttendanceInfo />
<VotingResults />
<GeneralOnlineQuestion />
</div>
);
}
import { createFileRoute, redirect } from "@tanstack/react-router";
import z from "zod";
import AttendanceInfo from "./-components/attendance-info";
import { VotingResults } from "./-components/voting-results";
import GeneralOnlineQuestion from "./-components/general-online-question";
import { LoadingOverlay } from "@/components/ui/loading-overlay";
export const Route = createFileRoute("/dashboard/_pathless-layout/$uuid/")({
component: RouteComponent,
beforeLoad: ({ params: { uuid } }) => {
const { success, data } = z.uuid().safeParse(uuid);
if (!success) throw redirect({ to: "/" });
return data;
},
});
function RouteComponent() {
return (
<div className="container py-3 flex flex-col gap-6">
<AttendanceInfo />
<VotingResults />
<GeneralOnlineQuestion />
</div>
);
}