Redirect based on tanstack query result in `beforeLoad`

react

Have a case where I want to redirect based on the result of a query. Is there an idiomatic approach to which query method to use in this case? i.e.

queryClient.fetchQuery()

queryClient.fetchQuery()

queryClient.fetchQuery()

queryClient.fetchQuery() or

queryClient.ensureQueryData()

queryClient.ensureQueryData()

queryClient.ensureQueryData()

queryClient.ensureQueryData()

For example:

beforeLoad: ({ context }) => {
  // context.queryClient.fetchQuery(...)
  // or...
  // context.queryClient.ensureQueryData({ revalidateIfStale: true, ... })
  const foo = ...

  if (!foo) {
    throw redirect(...)
  }
}

beforeLoad: ({ context }) => {
  // context.queryClient.fetchQuery(...)
  // or...
  // context.queryClient.ensureQueryData({ revalidateIfStale: true, ... })
  const foo = ...

  if (!foo) {
    throw redirect(...)
  }
}

beforeLoad: ({ context }) => {
  // context.queryClient.fetchQuery(...)
  // or...
  // context.queryClient.ensureQueryData({ revalidateIfStale: true, ... })
  const foo = ...

  if (!foo) {
    throw redirect(...)
  }
}

beforeLoad: ({ context }) => {
  // context.queryClient.fetchQuery(...)
  // or...
  // context.queryClient.ensureQueryData({ revalidateIfStale: true, ... })
  const foo = ...

  if (!foo) {
    throw redirect(...)
  }
}

I've always been using

ensureQueryData()

ensureQueryData()

ensureQueryData()

ensureQueryData() but NOT specifying

revalidateIfStale

revalidateIfStale

revalidateIfStale

revalidateIfStale , which I think is the cause of an issue in my app because it's redirecting based on stale data that is never being refetched.

Redirect based on tanstack query result in `beforeLoad`

Similar Threads

Similar Threads

Similar Threads