queryClient.ensureQuery and throwing to ErrorBoundary

[pale orchid]

Is there a way to make queries throw other things than Errors?

I'm using queryClient.ensureQuery with React Router's loader like this:

async function getFoo(foo: string) {
  const query = {
    queryKey: ['fooKey', foo],
    queryFn: async () => {
      const response = await fetch(`api.example.com/${foo}`);
      if (!response.ok) {
        throw response;
      }
      return await response.json();
    },
    useErrorBoundary: true,
  };

  return await queryClient.ensureQueryData(query);
}

export async function loader({params}) {
  const { fooId } = params;
  const foo = getFoo(fooId);
  return foo;
}

I expected to catch this in my React Router ErrorComponent, but it's not an Error object so it's ignored and ensureQuery returns.

[solid warren]

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/throw

[steel axle]

not sure, maybe its a router thing that it doesn't catch things that aren't errors?
I would say its discouraged to throw things that are non-errors though. You could create your own error subclass and attach the response to it

in v5, we'll also default the error type to Error because everybody only throws errors and having unknown is just a huge burden for most users

[pale orchid]

Throwing Responses from the loader and action functions and catching them in the route ErrorComponent/errorElement is one of the things Michael and Ryan have brought to React Router from Remix in version 6. Throwing a new Response in the loader or a new Error in the query renders my ErrorComponent.

[pale orchid]

This is rather unhelpful. What is your point? I know the difference between the return and exception flows. Exceptions are not synonymous with errors. Though it is unconventional to throw other things than errors, it's not the sole intent of the exception program flow.

[solid warren]

Like Dominik said: throw an error… written by MDN

[pale orchid]

Their reasoning doesn't apply in this case, and it's not an answer to my question.