Type useMutation error

[fellipe-vidal]

It's a simple use case. I need to show the reason a form failed to the user. For example, when the user submits the login form, I need to show a message that the user username or password is invalid when I get a 401 error and another one when I receive a 422 error or a 500 error.

The code below is working

// login hook
const login = useMutation({
    mutationFn: async (credentials: { cpf: string; password: string }) =>
      (await client.post<LoginResponse>('/auth/login', credentials)).data,
    onSuccess: response => setAccessToken(response.data.token)
  })

// Login Page
const onSubmit: SubmitHandler<FormData> = values => {
    login.mutate(values, {
        onSuccess: () => navigate(from, { replace: true })
    })
  };

return (
...
    {/* Submit Error */}
    {login.error?.response?.status === 401 && (
        <Text color="red">CPF ou senha inválidos</Text>
    )}
    {/* // Submit Error */}
...
)

But I get a squiggly line under error.response. Since error is type unknown, VS Code show "Property 'response' does not exist on type '{}'."

Is there a way for me to type the error property? I'm using axios as the client, so every failed HTTP request should be of type AxiosError.