created useAxios hook

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hookverse",
-  "version": "1.2.2",
+  "version": "1.3.2",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -34,5 +34,9 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
+  },
+  "dependencies": {
+    "axios": "^1.6.7",
+    "query-string": "^8.2.0"
   }
 }

src/hooks/useAxios.tsx

@@ -0,0 +1,44 @@
+import { useState, useCallback, useMemo } from "react";
+import axios from "axios";
+import queryString from "query-string";
+import UseAxiosProps from "../types/UseAxiosProps.types";
+
+const useAxios = ({
+  url,
+  method = "GET",
+  headers,
+  body,
+  searchParams,
+}: UseAxiosProps) => {
+  const [data, setData] = useState<any | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(false);
+
+  const memoizedSearchParams = useMemo(() => {
+    return queryString.parse(searchParams || "");
+  }, [searchParams]);
+
+  const runAxios = useCallback(async () => {
+    try {
+      setLoading(true);
+
+      const response = await axios({
+        method,
+        url,
+        data: body,
+        params: memoizedSearchParams,
+        headers,
+      });
+
+      setData(response.data);
+    } catch (error) {
+      setError(!!error);
+    } finally {
+      setLoading(false);
+    }
+  }, [method, url, headers, body,memoizedSearchParams]);
+
+  return { runAxios, data, loading, error };
+};
+
+export default useAxios;

src/types/UseAxiosProps.types.ts

@@ -0,0 +1,11 @@
+import { AxiosRequestConfig } from "axios";
+
+type UseAxiosProps = {
+  url: string;
+  method?: string;
+  headers?: AxiosRequestConfig["headers"];
+  body?: any;
+  searchParams?: string | null;
+};
+
+export default UseAxiosProps;