useFetch

Author: devcomplete09

useFetch.js

@@ -0,0 +1,36 @@
+import { useState, useEffect } from 'react';
+
+const useFetch = (url) => {
+  const [data, setData] = useState(null);
+  const [error, setError] = useState(null);
+  const [isFetching, setIsFetching] = useState(false);
+
+  useEffect(() => {
+    const run = async () => {
+      try {
+        setIsFetching(true);
+        const resultJSON = await fetch(url);
+        if (!resultJSON.ok) {
+          throw new Error(`Error while searching. Url that's failing: ${resultJSON.url}`);
+        }
+
+        const result = await resultJSON.json();
+        setData(result);
+        setIsFetching(false);
+      } catch (error) {
+        setError(error.message);
+        setIsFetching(false);
+      }
+    };
+
+    run();
+  }, [url]);
+
+  return {
+    data,
+    error,
+    isFetching
+  };
+};
+
+export default useFetch;