Define error type

[kholiavko-roman]

How to set an error type to avoid ts errors like

All the answers suggest checking the error by type in runtime, but it's not quite useful in some cases
https://stackoverflow.com/questions/72321623/whats-the-type-of-react-querys-error-and-how-to-handle-different-cases

Is there a different way to type an error?

I know that in version 4 it was possible to use onError and set an error type in callback parameter, and after that the error that is returned from the useQuery has those types. How we can do something like that in v5?

Thanks.

[TkDodo]

https://tanstack.com/query/v5/docs/framework/react/typescript#typing-the-error-field

[kholiavko-roman]

Thanks!

[kevinashworth]

So when a page like https://tanstack.com/query/latest/docs/framework/react/reference/useQuery lists the error passed to retry, retryDelay and throwOnError as TError, it should really be Error?

[TkDodo]

TError is a type parameter that defaults to Error (or whatever you have registered)

[helmax-y]

@TkDodo and what's the way to set a type for throwOnError callback, which is set globally via QueryClient? I want to apply this error handling approach https://tkdodo.eu/blog/react-query-error-handling#error-boundaries, but for (error) => error.response?.status >= 500 I get TS error Property 'response' does not exist on type 'Error'

[TkDodo]

you still literally need this:

https://tanstack.com/query/v5/docs/framework/react/typescript#typing-the-error-field

or perform type narrowing with 'response' in error

[dinhuty]

options?: UseMutationOptions<
ResponseType,
AxiosError,
PrameterType,
unknown