UseNavigate search functional syntax missing type errors

[Maskoe]

Which project does this relate to?

Start

Describe the bug

If I use the functional syntax of the navigate function, it does not give me type safety for wrong parameters.

I would expect most people to use this syntax most of the time, when there are multiple url parameters.

Steps to Reproduce the Bug or Issue

https://stackblitz.com/edit/github-rdremnpn?file=src%2Froutes%2Findex.tsx

import { createFileRoute, Link } from '@tanstack/react-router'
import z from 'zod';

const paramsSchema = z.object({
  query: z.string().optional(),
});

export const Route = createFileRoute('/test')({
  validateSearch: paramsSchema,
  component: RouteComponent,
})

function RouteComponent() {
  const navigate = Route.useNavigate();

  const test = () => {
    navigate({ search: { query: "bro", lmao: "squiggly here" } })
    navigate({ search: (prev) => ({ ...prev, query: "bro", lmao: "no squiggly here", }) })
  }

  return <div>
    i cant find the syntax for links...
  </div>
}

Expected behavior

lmao gets marked as an error just as it does above

Platform

• Router / Start Version: 1.145.0

[schiller-manuel]

can you please provide a complete example project?

[Maskoe]

I added the stackblitz, i thought it didnt have tanstack start yesterday, but it does

[schiller-manuel]

i downloaded your example and ran locally, typescript error occurs as expected.

[Maskoe]

On the first one yes.
On the second one it doesnt.

[mdm317]

This seems to be a limitation of TypeScript. typescript-issue-7547