Merge pull request #98 from pupboss/master

fix: avoid errors in browser console

3 files changed, 12 insertions, 9 deletions

diff --git a/src/components/APIConfig.tsx b/src/components/APIConfig.tsx
index 9491d2f..c67a157 100644
--- a/src/components/APIConfig.tsx
+++ b/src/components/APIConfig.tsx
@@ -86,11 +86,13 @@ function APIConfig({ dispatch }) {
   const detectApiServer = async () => {
     // if there is already a clash API server at `/`, just use it as default value
     const res = await fetch('/');
-    res.json().then((data) => {
-      if (data['hello'] === 'clash') {
-        setBaseURL(window.location.origin);
-      }
-    });
+    if (res.headers.get('content-type')?.includes('application/json')) {
+      res.json().then((data) => {
+        if (data['hello'] === 'clash') {
+          setBaseURL(window.location.origin);
+        }
+      });
+    }
   };
   useEffect(() => {
     detectApiServer();
diff --git a/src/components/Connections.tsx b/src/components/Connections.tsx
index cff9a26..b76af79 100644
--- a/src/components/Connections.tsx
+++ b/src/components/Connections.tsx
@@ -313,9 +313,10 @@ function Conn({ apiConfig }) {
     ({ connections }) => {
       const prevConnsKv = arrayToIdKv(prevConnsRef.current);
       const now = Date.now();
-      const x = connections.map((c: ConnectionItem) =>
-        formatConnectionDataItem(c, prevConnsKv, now, sourceMap)
-      );
+      const x =
+        connections?.map((c: ConnectionItem) =>
+          formatConnectionDataItem(c, prevConnsKv, now, sourceMap)
+        ) ?? [];
       const closed = [];
       for (const c of prevConnsRef.current) {
         const idx = x.findIndex((conn: ConnectionItem) => conn.id === c.id);
diff --git a/src/components/TrafficNow.tsx b/src/components/TrafficNow.tsx
index ae69910..ad7d910 100644
--- a/src/components/TrafficNow.tsx
+++ b/src/components/TrafficNow.tsx
@@ -74,7 +74,7 @@ function useConnection(apiConfig) {
       setState({
         upTotal: prettyBytes(uploadTotal),
         dlTotal: prettyBytes(downloadTotal),
-        connNumber: connections.length,
+        connNumber: connections ? connections.length : 0,
         mUsage: prettyBytes(memory),
       });
     },