Typesafe params accross multiple paths

[maastrich]

I'd like to access the param of multiple routes typesafely in a shared component
Something like:

const { param } = useParams({ from: ["/route1/$param_", "/route2/$param_"]})

Is there any way to do something like that without having to use strict: false ?

[AhmedBaset]

You could achieve this by getting the from from a generic prop

import type { FileRouteTypes } from "@/routeTree.gen";

function Comp<TFrom extends Extract<FileRouteTypes["fullPaths"], "/posts/$postId" | "/users/$userId">>({
  from,
}: {
  from: TFrom;
}) {
  const params = useParams({ from });
  //    ^? { postId: string } | { userId: string }
}