tRPC•3w ago

redacted error messages

@trpc/next

Hello,

I am currently using nextjs with trpc using the "prefetch" functionality.

const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
    const { slug } = await params;

    prefetch(trpc.connections.list.queryOptions({ organizationSlug: slug }));

    return (
        <HydrateClient>
            <Suspense fallback={<Loading />}>
                <ConnectionsPage />
            </Suspense>
        </HydrateClient>
    );
};

export default Page;

const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
    const { slug } = await params;

    prefetch(trpc.connections.list.queryOptions({ organizationSlug: slug }));

    return (
        <HydrateClient>
            <Suspense fallback={<Loading />}>
                <ConnectionsPage />
            </Suspense>
        </HydrateClient>
    );
};

export default Page;

On my client I am using this:

    const trpc = useTRPC();
    const { data: connections } = useSuspenseQuery(
        trpc.connections.list.queryOptions({ organizationSlug: slug }),
    );

    const trpc = useTRPC();
    const { data: connections } = useSuspenseQuery(
        trpc.connections.list.queryOptions({ organizationSlug: slug }),
    );

In my endpoint I am throwing:

export const connectionsRouter = createTRPCRouter({
    list: protectedProcedure
        .input(
            z.object({
                organizationSlug: z.string(),
            }),
        )
        .query(async ({ ctx, input }) => {
                        throw new TRPCError({ code: "NOT_FOUND", message: "Not found" });

export const connectionsRouter = createTRPCRouter({
    list: protectedProcedure
        .input(
            z.object({
                organizationSlug: z.string(),
            }),
        )
        .query(async ({ ctx, input }) => {
                        throw new TRPCError({ code: "NOT_FOUND", message: "Not found" });

and then I am using the nextjs "error.tsx" component/file to render an error on the page. However, the error is not visible on the client. For some reason it is marked as "redacted". I had a google, and apparently it should only redact the error when its a 500 error, but a NOT FOUND is not 500.

Not entirely sure whats wrong?

redacted error messages

@trpc/next

Hello,

I am currently using nextjs with trpc using the "prefetch" functionality.

const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
    const { slug } = await params;

    prefetch(trpc.connections.list.queryOptions({ organizationSlug: slug }));

    return (
        <HydrateClient>
            <Suspense fallback={<Loading />}>
                <ConnectionsPage />
            </Suspense>
        </HydrateClient>
    );
};

export default Page;

const Page = async ({ params }: { params: Promise<{ slug: string }> }) => {
    const { slug } = await params;

    prefetch(trpc.connections.list.queryOptions({ organizationSlug: slug }));

    return (
        <HydrateClient>
            <Suspense fallback={<Loading />}>
                <ConnectionsPage />
            </Suspense>
        </HydrateClient>
    );
};

export default Page;

On my client I am using this:

    const trpc = useTRPC();
    const { data: connections } = useSuspenseQuery(
        trpc.connections.list.queryOptions({ organizationSlug: slug }),
    );

    const trpc = useTRPC();
    const { data: connections } = useSuspenseQuery(
        trpc.connections.list.queryOptions({ organizationSlug: slug }),
    );

In my endpoint I am throwing:

export const connectionsRouter = createTRPCRouter({
    list: protectedProcedure
        .input(
            z.object({
                organizationSlug: z.string(),
            }),
        )
        .query(async ({ ctx, input }) => {
                        throw new TRPCError({ code: "NOT_FOUND", message: "Not found" });

export const connectionsRouter = createTRPCRouter({
    list: protectedProcedure
        .input(
            z.object({
                organizationSlug: z.string(),
            }),
        )
        .query(async ({ ctx, input }) => {
                        throw new TRPCError({ code: "NOT_FOUND", message: "Not found" });

redacted error messages

redacted error messages

No replies yet

tRPC

No replies yet

tRPC

Similar Threads