[fix](playground) Fixed bigint display problem in doris playground (#49053)

Author: IsmailTosunTnyl

ui/package.json

@@ -46,7 +46,8 @@
     "react-router-dom": "^5.2.0",
     "react-syntax-highlighter": "^12.2.1",
     "rxjs": "^7.0.0-beta.0",
-    "sql-formatter": "^2.3.3"
+    "sql-formatter": "^2.3.3",
+    "json-bigint": "^1.0.0"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^2.24.0",

ui/src/utils/request.tsx

@@ -29,6 +29,8 @@ import {Trans} from 'react-i18next';
 import {getBasePath} from 'Src/utils/utils';
 import SyntaxHighlighter from 'react-syntax-highlighter';
 import {docco} from 'react-syntax-highlighter/dist/esm/styles/hljs';
+
+const JSONbig = require('json-bigint')({ storeAsString: true });
 function checkStatus(response) {
     if (response.status >= 200 && response.status < 300) {
         return response;
@@ -116,7 +118,8 @@ export default async function request(url, options = {}, tipSuccess = false, tip
     if (options && options.download) {
         return response.blob();
     }
-    const data = await response.json();
+    const text = await response.text();
+    const data = JSONbig.parse(text);
     if ('code' in data || 'msg' in data) {
         const {code, msg} = data;
         if (code === 401 && data.data === 'Cookie is invalid') {
@@ -166,4 +169,4 @@ function clearAllCookie() {
         for(var i = keys.length; i--;)
             document.cookie = keys[i] + '=0;expires=' + new Date(0).toUTCString()
     }
-}
+}