TanStack•13mo ago•

44 replies

good-rose

Is there a typesafe way to build a path to string?

Question

I'm using Tanstack Router and Tanstack Start and I'm wondering if there's a way to do something like:

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

so that

path

path

is the resolved string and

buildPath

buildPath

only accepts type safe

to

to

and

params

params

Specific use case

I'm using OAuth as an authentication method and I have an api route at

/api/auth/google

/api/auth/google

which accepts a

redirect

redirect

query param so that once the authentication is complete the flow ends by redirecting to

redirect

redirect

and I'd like to pass a valid path to this

redirect

redirect

query param like so:

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

// ...

<a href={`/api/auth/google?redirect=${encodeURIComponent(path)}`}>...</a>

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

// ...

<a href={`/api/auth/google?redirect=${encodeURIComponent(path)}`}>...</a>

TanStack•13mo ago•

44 replies

good-rose

Is there a typesafe way to build a path to string?

Question

I'm using Tanstack Router and Tanstack Start and I'm wondering if there's a way to do something like:

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

so that

path

path

is the resolved string and

buildPath

buildPath

only accepts type safe

to

to

and

params

params

Specific use case

I'm using OAuth as an authentication method and I have an api route at

/api/auth/google

/api/auth/google

which accepts a

redirect

redirect

query param so that once the authentication is complete the flow ends by redirecting to

redirect

redirect

and I'd like to pass a valid path to this

redirect

redirect

query param like so:

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

// ...

<a href={`/api/auth/google?redirect=${encodeURIComponent(path)}`}>...</a>

const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});

// ...

<a href={`/api/auth/google?redirect=${encodeURIComponent(path)}`}>...</a>

Is there a typesafe way to build a path to string?

Question

Specific use case

Similar Threads

Is there a typesafe way to build a path to string?

Question

Specific use case

Similar Threads

Similar Threads

Similar Threads