Return the error message instead of the http status code

web/utils/apis.ts

@@ -99,11 +99,12 @@ export async function fetchData(url: string, options?: FetchOptions) {
 
   try {
     const response = await fetch(url, requestOptions);
+    const json = await response.json();
+
     if (!response.ok) {
-      const message = `An error has occured: ${response.status}`;
+      const message = json.message || `An error has occurred: ${response.status}`;
       throw new Error(message);
     }
-    const json = await response.json();
     return json;
   } catch (error) {
     return error;