Custom React hook for http request

Http Request hook/fetch_hook.js

@@ -0,0 +1,34 @@
+import { useState, useCallback } from "react";
+
+const useFetch = () => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+
+    const sendRequest = useCallback(async (requestConfig, applyData) => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const response = await fetch(requestConfig.url, {
+                method: requestConfig.method ? requestConfig.method : "GET",
+                body: requestConfig.body
+                    ? JSON.stringify(requestConfig.body)
+                    : null,
+                headers: requestConfig.headers ? requestConfig.headers : {},
+            });
+
+            if (!response.ok) {
+                throw new Error("Request failed!");
+            }
+
+            const data = await response.json();
+            applyData(data);
+        } catch (err) {
+            setError(err.message || "Something went wrong!");
+        }
+        setIsLoading(false);
+    }, []);
+
+    return { isLoading, error, sendRequest };
+};
+
+export default useFetch;