Hey guys! Any example on how to type axios error when making a mutation?

[Jesusz0r]

As the title says. Any idea how to type the error returned from axios?
With the following code the success response is working but when I try to destructure the error I get an error

type SetPasswordProps = { token: string; password: string };
type SetPasswordResponse = { access_token: string };
type SetPasswordErrorResponse = { code: string };

function resetPassword({ token, password }: SetPasswordProps) {
  return axios.post<SetPasswordResponse>("/auth/users.resetPassword", {
    token,
    password,
  });
}

const {
  mutate,
  data: { data } = {},
  error: { response } = {},
  reset,
  isLoading,
  isError,
  isSuccess,
} = useMutation(API.resetPassword);

but when I try to desctructure the error data I get an error. I tried typing it like

const {
  mutate,
  data: { data } = {},
  reset,
  isLoading,
  isError,
  isSuccess,
} = useMutation<SetPasswordResponse, SetPasswordErrorResponse, SetPasswordProps>(API.resetPassword);

[TkDodo]

error defaults to unknown, because anything can be thrown in js. See: https://tkdodo.eu/blog/react-query-and-type-script#what-about-error

but passing the generics to useMutation should also work.