block10.js

const useCallThatCanFail = (query) => {
  const [error, setError] = useState();
  const [result, setResult] = useState();
  useEffect(() => {
    callbackThatCanFail(query)
    .then((r) => {
        setResult(r); 
        setError(undefined);
      }).catch((e) => {
        setError(e);
        setResult(undefined);
      }
      )
  }, [query]);
  return [result, error];
}