Merge pull request #1135 from RedisInsight/fe/bugfix/RI-3510

#RI-3510 - fix pickle formatter

Author: rsergeenko

redisinsight/ui/src/pages/browser/components/hash-details/HashDetails.tsx

@@ -377,7 +377,7 @@ const HashDetails = (props: Props) => {
                   content={tooltipContent}
                   anchorClassName="truncateText"
                 >
-                  <>{formattedValue.substring?.(0, 200) ?? formattedValue}</>
+                  <>{formattedValue?.substring?.(0, 200) ?? formattedValue}</>
                 </EuiToolTip>
               )}
               {expanded && formattedValue}

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

@@ -1,6 +1,7 @@
 import { decode, encode } from '@msgpack/msgpack'
 // eslint-disable-next-line import/order
 import { Buffer } from 'buffer'
+import { isUndefined } from 'lodash'
 import { serialize, unserialize } from 'php-serialize'
 import { getData } from 'rawproto'
 import jpickle from 'jpickle'
@@ -108,6 +109,14 @@ const formattingBuffer = (
     case KeyValueFormat.Pickle: {
       try {
         const decoded = jpickle.loads(bufferToUTF8(reply))
+
+        if (isUndefined(decoded)) {
+          return {
+            value: bufferToUTF8(reply),
+            isValid: false
+          }
+        }
+
         const value = JSON.stringify(decoded)
         return JSONViewer({ value, ...props })
       } catch (e) {