Type of path params is still `any` even when `params.parse` is set

reacttypescript

this is my code

import { createFileRoute } from "@tanstack/react-router";
import z from "zod";

export const Route = createFileRoute("/_app/persons/$personId")({
    params: {
        parse: z.object({ personId: z.string() }).parse,
        stringify: (params) => params,
    },
    component: RouteComponent,
});

function RouteComponent() {
    const { personId } = Route.useParams();
    return <div>Hello "/{personId}"!</div>;
}

import { createFileRoute } from "@tanstack/react-router";
import z from "zod";

export const Route = createFileRoute("/_app/persons/$personId")({
    params: {
        parse: z.object({ personId: z.string() }).parse,
        stringify: (params) => params,
    },
    component: RouteComponent,
});

function RouteComponent() {
    const { personId } = Route.useParams();
    return <div>Hello "/{personId}"!</div>;
}

I did pretty much the same as this but still no proper type. The path params is still

any

any

in the

loader

loader

and

Route.useParams()

Route.useParams()

TanStack•6d ago•

1 reply

slow-yellow

Type of path params is still `any` even when `params.parse` is set

reacttypescript

this is my code

import { createFileRoute } from "@tanstack/react-router";
import z from "zod";

export const Route = createFileRoute("/_app/persons/$personId")({
    params: {
        parse: z.object({ personId: z.string() }).parse,
        stringify: (params) => params,
    },
    component: RouteComponent,
});

function RouteComponent() {
    const { personId } = Route.useParams();
    return <div>Hello "/{personId}"!</div>;
}

import { createFileRoute } from "@tanstack/react-router";
import z from "zod";

export const Route = createFileRoute("/_app/persons/$personId")({
    params: {
        parse: z.object({ personId: z.string() }).parse,
        stringify: (params) => params,
    },
    component: RouteComponent,
});

function RouteComponent() {
    const { personId } = Route.useParams();
    return <div>Hello "/{personId}"!</div>;
}

I did pretty much the same as this but still no proper type. The path params is still

any

any

in the

loader

loader

and

Route.useParams()

Route.useParams()

Type of path params is still `any` even when `params.parse` is set

Similar Threads

Type of path params is still `any` even when `params.parse` is set

Similar Threads

Similar Threads

Similar Threads