Add axios library for making HTTP requests

playbeat/package.json

@@ -22,6 +22,7 @@
     "@types/react-dom": "^18.2.19",
     "apexcharts": "^3.47.0",
     "astro": "^4.4.0",
+    "axios": "^1.6.8",
     "clsx": "^2.1.0",
     "framer-motion": "^11.0.5",
     "react": "^18.2.0",

playbeat/src/utils/register.ts

@@ -1,20 +1,18 @@
+import { Global } from "@/globalState/globalUrl.js";
+import axios from 'axios';
 
-import {Global} from "@/globalState/globalUrl.js"
+async function registerUser(data: { name: any; email: any; password: any; }) {
+  try {
+    console.log("Sending request with data:", data);
+    const response = await axios.post(Global.url + "auth/signup", data);
 
+    console.log("Response:", response.data);
 
-async function registerUser(data: { name: FormDataEntryValue | null; email: FormDataEntryValue | null; password: FormDataEntryValue | null; }) {
-    try {
-      console.log(data);
-      const response = await fetch(Global.url+'auth/signup', {
-        method: 'POST',
-        body: JSON.stringify(data)
-      });
-      console.log(response);
-      return response;
-    } catch (error) {
-      throw new Error((error as Error).message);
-    }
+    return response.data;
+  } catch (error) {
+    console.error("Error registering user:", error);
+    throw error;
   }
-  
+}
 
-  export {registerUser}
+export { registerUser };