`useFetch` with invalid URL

[CzBiX]

Description

When an invalid URL is passed to useFetch, it throws an exception directly. This error isn't captured in the returned error field, nor can it be handled via the provided onError callback.
Throwing exceptions in react hooks also goes against best practices.

Steps To Reproduce

call useFetch with invalid URL，such as http://:8080

Current Behaviour

Throw an exception about invalid URL

Expected Behaviour

return the error in error or pass it into onError

[CzBiX]

link to raycast/extensions#23598

[j3lte]

@CzBiX can you tell which version of @raycast/api and @raycast/utils you are using? I tested this invalid url against the useFetch smoketest (see tests/ folder) and it does return an error in the error field as well as the onError. Also, is this on Windows or on Mac?

[CzBiX]

@j3lte it's latest version. you can also try it in the current proxmox extension.

fill the server url in configure with invalid url. then open the command.

TypeError: Invalid URL

dt:index.tsx:10:76

---
 7: import { VmTypeDropdown } from "@/components/VmTypeDropdown";
 8: 
 9: const Command = () => {
10:   const { isLoading, data, revalidate, mutate, setType, showErrorScreen } = useVmList();
11: 
12:   return (
13:     <ErrorGuard showErrorScreen={showErrorScreen}>
---