Call a function on error

You can use useError to call a function on error.

useError(query, onerror)

Motivation

You want to disconnect a user when you receive a HTTP 401 (Unauthorized) error.

Example

function useFetchAndLogErrorMixture(query: Query) {
  useFetch(query)
  useError(query, console.error)
}

Implementation

export function useError(
  query: Query,
  callback: (e: unknown) => void
) {
  const { error } = query
 
  useEffect(() => {
    if (error !== undefined) callback(error)
  }, [error, callback])
}

See also

useRetry - retry on error

Retry on error Debugging a resource