What should be the type of prop that needs to be passed to "to" option of redirect function

Similar question: router-questionsInfer valid "to" types for a root router instance

I have a component that accepts a redirectTo props. I use this redirectTo prop to pass to redirect function. ex:

import { redirect } from '@tanstack/react-router'

type ComponentProps = {redirectTo: string}

export default function MyComponent({redirectTo}: ComponentProps) {

return <button onClick={() => redirect({to: redirectTo})}>Redirect</button>
}

import { redirect } from '@tanstack/react-router'

type ComponentProps = {redirectTo: string}

export default function MyComponent({redirectTo}: ComponentProps) {

return <button onClick={() => redirect({to: redirectTo})}>Redirect</button>
}

Although

{redirectTo: string}

{redirectTo: string}

works but I want the typing to be more strict. What should be the type ?

I tried

type ComponentProps = {
  redirectTo?: Parameters<typeof redirect>[0]["to"];
}

type ComponentProps = {
  redirectTo?: Parameters<typeof redirect>[0]["to"];
}

But I'm unable to get the autocomplete working for redirectTo prop

TanStack•2y ago•

2 replies

worthy-azure

What should be the type of prop that needs to be passed to "to" option of redirect function

Similar question: router-questionsInfer valid "to" types for a root router instance

I have a component that accepts a redirectTo props. I use this redirectTo prop to pass to redirect function. ex:

import { redirect } from '@tanstack/react-router'

type ComponentProps = {redirectTo: string}

export default function MyComponent({redirectTo}: ComponentProps) {

return <button onClick={() => redirect({to: redirectTo})}>Redirect</button>
}

import { redirect } from '@tanstack/react-router'

type ComponentProps = {redirectTo: string}

export default function MyComponent({redirectTo}: ComponentProps) {

return <button onClick={() => redirect({to: redirectTo})}>Redirect</button>
}

Although

{redirectTo: string}

{redirectTo: string}

works but I want the typing to be more strict. What should be the type ?

I tried

type ComponentProps = {
  redirectTo?: Parameters<typeof redirect>[0]["to"];
}

type ComponentProps = {
  redirectTo?: Parameters<typeof redirect>[0]["to"];
}

But I'm unable to get the autocomplete working for redirectTo prop

What should be the type of prop that needs to be passed to "to" option of redirect function

Similar Threads

What should be the type of prop that needs to be passed to "to" option of redirect function

Similar Threads

Similar Threads

Similar Threads