frontend: throw on non-200 status code

twenty-frontend/src/js/hooks/useDestroyTask.ts

@@ -1,14 +1,17 @@
+import receiveResponse from "/lib/fetch/receive-response";
+
 type Params = {
   id: number;
 };
 
 export function useDestroyTask() {
   return function ({ id }: Params) {
-    return new Promise((accept, reject) => {
+    return new Promise((resolve, reject) => {
       const req = { method: "DELETE" };
       return fetch(`/servlet/tasks/${id}`, req)
+        .then(receiveResponse)
         .then(res => res.json())
-        .then(accept)
+        .then(resolve)
         .catch(reject);
     });
   };

twenty-frontend/src/js/hooks/useUpsertTask.ts

@@ -1,3 +1,4 @@
+import receiveResponse from "/lib/fetch/receive-response";
 import { TASK_STATUS } from "/types/schema";
 
 type Params = {
@@ -14,14 +15,15 @@ export function useUpsertTask() {
     return { id, title, content, status, project_id: projectId };
   };
   return function ({ input }: { input: Params }) {
-    return new Promise((accept, reject) => {
+    return new Promise((resolve, reject) => {
       const req = {
         method: input.id ? "PUT" : "POST",
         body: JSON.stringify(normalize(input)),
       };
       return fetch("/servlet/tasks", req)
+        .then(receiveResponse)
         .then(res => res.json())
-        .then(accept)
+        .then(resolve)
         .catch(reject);
     });
   };

twenty-frontend/src/js/lib/fetch/receive-response.ts

@@ -0,0 +1,7 @@
+export default function(res: Response) {
+  if (res.status === 200) {
+    return res;
+  } else {
+    throw Error("Bad response", {cause: res});
+  }
+}

twenty-frontend/tsconfig.json

@@ -9,7 +9,7 @@
     "esModuleInterop": true,
     "jsx": "react",
     "allowJs": true,
-    "lib": [ "ES2020", "DOM" ],
+    "lib": [ "ES2022", "DOM" ],
 
     "baseUrl": "src/",
     "paths": { "*": ["js/*"] },