useQuery error handling

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

// 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');
}

// 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>
}

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

  console.log({ isError, status });

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