From 941bdbaaac687e43768554f9dce80c8986f4b138 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 21 Nov 2023 13:21:28 +0100
Subject: [PATCH] fix(ui): console redux tab null check

---
 .../app/components/Session_/Storage/Storage.tsx    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/app/components/Session_/Storage/Storage.tsx b/frontend/app/components/Session_/Storage/Storage.tsx
index 05713bfd9..e1b9da81a 100644
--- a/frontend/app/components/Session_/Storage/Storage.tsx
+++ b/frontend/app/components/Session_/Storage/Storage.tsx
@@ -111,7 +111,7 @@ function Storage(props: Props) {
       return <div style={{ flex: 3 }} className="p-1" />;
     }
 
-    const stateDiff = diff(prevItem.state, item.state);
+    const stateDiff = diff(prevItem.state, item?.state);
 
     if (!stateDiff) {
       return (
@@ -171,23 +171,23 @@ function Storage(props: Props) {
     switch (type) {
       case STORAGE_TYPES.REDUX:
       case STORAGE_TYPES.NGRX:
-        src = itemD.action;
+        src = itemD?.action;
         name = src && src.type;
         break;
       case STORAGE_TYPES.VUEX:
-        src = itemD.mutation;
+        src = itemD?.mutation;
         name = src && src.type;
         break;
       case STORAGE_TYPES.MOBX:
-        src = itemD.payload;
+        src = itemD?.payload;
         name = `@${item.type} ${src && src.type}`;
         break;
       case STORAGE_TYPES.ZUSTAND:
         src = null;
-        name = itemD.mutation.join('');
+        name = itemD?.mutation.join('');
     }
 
-    if (src !== null && !showDiffs && itemD.state) {
+    if (src !== null && !showDiffs && itemD?.state) {
       setShowDiffs(true);
     }
 
@@ -217,7 +217,7 @@ function Storage(props: Props) {
           style={{ flex: 1 }}
           className="flex-1 flex gap-2 pt-2 items-center justify-end self-start"
         >
-          {typeof item.duration === 'number' && (
+          {typeof item?.duration === 'number' && (
             <div className="font-size-12 color-gray-medium">{formatMs(itemD.duration)}</div>
           )}
           <div className="w-12">