Redirects not working as shown in Start docs

I'm following this page: https://tanstack.com/router/latest/docs/framework/react/start/server-functions#redirects

It includes this code for redirects:

import { createServerFn, redirect } from '@tanstack/start'

export const doStuff = createServerFn('GET', async () => {
  // Redirect the user to the home page
  throw redirect({
    to: '/',
  })
})

import { createServerFn, redirect } from '@tanstack/start'

export const doStuff = createServerFn('GET', async () => {
  // Redirect the user to the home page
  throw redirect({
    to: '/',
  })
})

However, that gives the error

Module has no exported member redirect .

Module has no exported member redirect .

. I can instead import

redirect

redirect

from

@tanstack/react-router

@tanstack/react-router

.

The code then works, but I get a TS error:

Property 'search' is missing in type '{ to: "/"; }' but required in type 'MakeRequiredSearchParams<Router<RootRoute<undefined, {}, AnyContext, AnyContext, {}, undefined, RootRouteChildren, FileRouteTypes>, TrailingSlashOption, Record<...>, Record<...>>, string, "/">'.ts(2345)

Property 'search' is missing in type '{ to: "/"; }' but required in type 'MakeRequiredSearchParams<Router<RootRoute<undefined, {}, AnyContext, AnyContext, {}, undefined, RootRouteChildren, FileRouteTypes>, TrailingSlashOption, Record<...>, Record<...>>, string, "/">'.ts(2345)

Since it's working I'm ok for now, but I'm wondering which is correct... is there supposed to be a redirect function in ts/start that differs from the one in ts/react-router?

Here are my deps in case it helps answer:

  "dependencies": {
    "@clerk/tanstack-start": "^0.4.0",
    "@tanstack/react-router": "^1.57.13",
    "@tanstack/start": "^1.57.13",
    "@vitejs/plugin-react": "^4.3.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "vinxi": "^0.4.3"
  },
  "devDependencies": {
    "@types/react": "^18.3.5",
    "@types/react-dom": "^18.3.0",
    "typescript": "^5.6.2"
  }

  "dependencies": {
    "@clerk/tanstack-start": "^0.4.0",
    "@tanstack/react-router": "^1.57.13",
    "@tanstack/start": "^1.57.13",
    "@vitejs/plugin-react": "^4.3.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "vinxi": "^0.4.3"
  },
  "devDependencies": {
    "@types/react": "^18.3.5",
    "@types/react-dom": "^18.3.0",
    "typescript": "^5.6.2"
  }

TanStack•2y ago•

11 replies

verbal-lime

Redirects not working as shown in Start docs

I'm following this page: https://tanstack.com/router/latest/docs/framework/react/start/server-functions#redirects

It includes this code for redirects:

import { createServerFn, redirect } from '@tanstack/start'

export const doStuff = createServerFn('GET', async () => {
  // Redirect the user to the home page
  throw redirect({
    to: '/',
  })
})

import { createServerFn, redirect } from '@tanstack/start'

export const doStuff = createServerFn('GET', async () => {
  // Redirect the user to the home page
  throw redirect({
    to: '/',
  })
})

However, that gives the error

Module has no exported member redirect .

Module has no exported member redirect .

. I can instead import

redirect

redirect

from

@tanstack/react-router

@tanstack/react-router

.

The code then works, but I get a TS error:

Property 'search' is missing in type '{ to: "/"; }' but required in type 'MakeRequiredSearchParams<Router<RootRoute<undefined, {}, AnyContext, AnyContext, {}, undefined, RootRouteChildren, FileRouteTypes>, TrailingSlashOption, Record<...>, Record<...>>, string, "/">'.ts(2345)

Property 'search' is missing in type '{ to: "/"; }' but required in type 'MakeRequiredSearchParams<Router<RootRoute<undefined, {}, AnyContext, AnyContext, {}, undefined, RootRouteChildren, FileRouteTypes>, TrailingSlashOption, Record<...>, Record<...>>, string, "/">'.ts(2345)

  "dependencies": {
    "@clerk/tanstack-start": "^0.4.0",
    "@tanstack/react-router": "^1.57.13",
    "@tanstack/start": "^1.57.13",
    "@vitejs/plugin-react": "^4.3.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "vinxi": "^0.4.3"
  },
  "devDependencies": {
    "@types/react": "^18.3.5",
    "@types/react-dom": "^18.3.0",
    "typescript": "^5.6.2"
  }

  "dependencies": {
    "@clerk/tanstack-start": "^0.4.0",
    "@tanstack/react-router": "^1.57.13",
    "@tanstack/start": "^1.57.13",
    "@vitejs/plugin-react": "^4.3.1",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "vinxi": "^0.4.3"
  },
  "devDependencies": {
    "@types/react": "^18.3.5",
    "@types/react-dom": "^18.3.0",
    "typescript": "^5.6.2"
  }

Redirects not working as shown in Start docs

Similar Threads

Redirects not working as shown in Start docs

Similar Threads

Similar Threads

Similar Threads