WaspW
Wasp•2y ago
JakeLoew

useQuery error handling

I'm wondering why useQuery from wasp/client/operations doesn't handle errors as I expect. Consider the following:

// main.wasp
query getApplicationById {
  fn: import { getApplicationById } from "@src/server/queries/getApplicationById.ts",
  entities: [Application]
}


// src/server/queries/getApplicationById.ts
import { Application } from 'wasp/entities';
export const getApplicationById: GetApplicationById<{ id: number }, Application> = async ({ id }, context) => {
  throw new HttpError(404, 'Not found');
}


// client/pages/ApplicationPage
function ApplicationPage() {
  const { error, isError, status } = useQuery(getApplicationById, {
    id: 1,
  });

  console.log({ isError, status });

  return <div>{error?.message}</div>
}


The response from /operations-get-application-by-id is always 404, yet no error is returned from useQuery and isError is always false. status is "loading"
Was this page helpful?