Throwing error inside Server Function's handler crashes the app

export const getRecipeByIdFn = createServerFn().handler(async () => {
  const user = false

  if (!user) {
    throw redirect({ to: "/sign-in" })
  }
  return {
    id: "12345",
    name: "Test Recipe",
    description: "This is a test recipe",
  }
})

node:internal/process/promises:392
      new UnhandledPromiseRejection(reason);
      ^

UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "#<_Response>".
    at throwUnhandledRejectionsMode (node:internal/process/promises:392:7)
    at processPromiseRejections (node:internal/process/promises:475:17)
    at process.processTicksAndRejections (node:internal/process/task_queues:106:32) {
  code: 'ERR_UNHANDLED_REJECTION'
}

export const recipeQueryKey = "recipe"

export const recipeQueryOptions = (id: string) =>
  queryOptions({
    queryKey: [recipeQueryKey, { id }],
    queryFn: () => getRecipeByIdFn(),
  })

export const useRecipe = (id: string) => {
  return useSuspenseQuery(recipeQueryOptions(id))
}

export const Route = createFileRoute("/app/recipes/$id")({
  loader: async ({ params, context }) => {
    context.queryClient.ensureQueryData(recipeQueryOptions(params.id))
  },
  component: RouteComponent,
})