On JSON Big number detection, show it as primitive

Author: GnaneshKunal

redisinsight/ui/src/components/json-viewer/components/json-pretty/JsonPretty.tsx

@@ -7,6 +7,10 @@ import { isArray, isObject } from 'uiSrc/components/json-viewer/utils'
 import { IDefaultProps } from 'uiSrc/components/json-viewer/interfaces'
 
 const JsonPretty = ({ data, ...props }: IDefaultProps) => {
+  if (data?._isBigNumber) {
+    return <JsonPrimitive data={data} {...props} />
+  }
+
   if (isArray(data)) {
     return <JsonArray data={data} {...props} />
   }

redisinsight/ui/src/utils/formatters/valueFormatters.tsx

@@ -108,7 +108,7 @@ const formattingBuffer = (
       try {
         const vector = Array.from(bufferToFloat32Array(reply.data as Uint8Array))
         const value = JSONBigInt.stringify(vector)
-        return JSONViewer({ value, useNativeBigInt: false, ...props })
+        return JSONViewer({ value, fallbackToNonBigInt: true, ...props })
       } catch (e) {
         return { value: bufferToUTF8(reply), isValid: false }
       }
@@ -117,7 +117,7 @@ const formattingBuffer = (
       try {
         const vector = Array.from(bufferToFloat64Array(reply.data as Uint8Array))
         const value = JSONBigInt.stringify(vector)
-        return JSONViewer({ value, useNativeBigInt: false, ...props })
+        return JSONViewer({ value, fallbackToNonBigInt: true, ...props })
       } catch (e) {
         return { value: bufferToUTF8(reply), isValid: false }
       }