diff --git a/client/src/pages/query/Query.tsx b/client/src/pages/query/Query.tsx
index 0d767a6c..929d98db 100644
--- a/client/src/pages/query/Query.tsx
+++ b/client/src/pages/query/Query.tsx
@@ -58,21 +58,27 @@ const Query: FC<{
         // Iterate resultItem keys, then format vector(array) items.
         const tmp = Object.keys(resultItem).reduce(
           (prev: { [key: string]: any }, item: string) => {
-            if (Array.isArray(resultItem[item])) {
-              const list2Str = JSON.stringify(resultItem[item]);
-              prev[item] = (
-                <div className={classes.vectorTableCell}>
-                  <div>{list2Str}</div>
-                  <CopyButton
-                    label={copyTrans.label}
-                    value={list2Str}
-                    className={classes.copyBtn}
-                  />
-                </div>
-              );
-            } else {
-              prev[item] = `${resultItem[item]}`;
+            switch (item) {
+              case 'json':
+                prev[item] = <div>{JSON.stringify(resultItem[item])}</div>;
+                break;
+              case 'vector':
+                const list2Str = JSON.stringify(resultItem[item]);
+                prev[item] = (
+                  <div className={classes.vectorTableCell}>
+                    <div>{list2Str}</div>
+                    <CopyButton
+                      label={copyTrans.label}
+                      value={list2Str}
+                      className={classes.copyBtn}
+                    />
+                  </div>
+                );
+                break;
+              default:
+                prev[item] = `${resultItem[item]}`;
             }
+
             return prev;
           },
           {}