Switch to using Axios for requests (#2958)

* Switch to using Axios for requests

* TS

package.json

@@ -112,6 +112,7 @@
     "@fontsource/open-sans": "^4.5.10",
     "@octokit/rest": "^19.0.13",
     "@react-nano/use-event-source": "^0.12.0",
+    "axios": "^1.7.2",
     "bezier-js": "^6.1.4",
     "chakra-ui-markdown-renderer": "^4.1.0",
     "chokidar": "^3.5.3",

src/common/Backend.ts

@@ -1,3 +1,4 @@
+import axios, { AxiosRequestConfig } from 'axios';
 import {
     BackendJsonNode,
     Category,
@@ -155,24 +156,38 @@ export class Backend {
     }
 
     private async fetchJson<T>(path: string, method: 'POST' | 'GET', json?: unknown): Promise<T> {
-        const options: RequestInit = {
+        const options: AxiosRequestConfig = {
             method,
-            cache: 'no-cache',
+            url: `${this.url}${path}`,
         };
         const { signal } = this.abortController;
         if (json !== undefined) {
-            options.body = JSON.stringify(json);
+            options.data = json;
             options.headers = {
                 'Content-Type': 'application/json',
             };
             options.signal = signal;
         }
-        const resp = await fetch(`${this.url}${path}`, options);
-        const result = (await resp.json()) as T;
-        if (ServerError.isJson(result)) {
-            throw ServerError.fromJson(result);
+
+        try {
+            const resp = await axios.request<T>(options);
+            return resp.data;
+        } catch (error) {
+            if (axios.isAxiosError(error)) {
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                const responseData = error.response?.data;
+                if (ServerError.isJson(responseData)) {
+                    throw ServerError.fromJson(responseData);
+                }
+                if (error.response?.data) {
+                    return error.response.data as T;
+                }
+            }
+            if (ServerError.isJson(error)) {
+                throw ServerError.fromJson(error);
+            }
+            throw error;
         }
-        return result;
     }
 
     /**