From d927e138d01849f1bca9d80f64a10d3996bdeee2 Mon Sep 17 00:00:00 2001
From: Robert Long <robert@robertlong.me>
Date: Mon, 1 Nov 2021 12:49:26 -0700
Subject: [PATCH] Fix inspector hidden state

---
 src/GroupCallInspector.jsx | 38 ++++++++++++++++++++------------------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/src/GroupCallInspector.jsx b/src/GroupCallInspector.jsx
index deb24535..5a7433e0 100644
--- a/src/GroupCallInspector.jsx
+++ b/src/GroupCallInspector.jsx
@@ -158,26 +158,28 @@ export function GroupCallInspector({ client, groupCall, show }) {
     return result;
   }, [toDeviceEvents]);
 
+  if (!show) {
+    return null;
+  }
+
   return (
     <Resizable enable={{ top: true }} defaultSize={{ height: 200 }}>
-      {show && (
-        <ReactJson
-          theme="monokai"
-          src={{
-            ...state,
-            roomStateEvents,
-            toDeviceEvents,
-            toDeviceEventsByCall,
-          }}
-          name={null}
-          indentWidth={2}
-          collapsed={1}
-          displayDataTypes={false}
-          displayObjectSize={false}
-          enableClipboard={false}
-          style={{ height: "100%", overflowY: "scroll" }}
-        />
-      )}
+      <ReactJson
+        theme="monokai"
+        src={{
+          ...state,
+          roomStateEvents,
+          toDeviceEvents,
+          toDeviceEventsByCall,
+        }}
+        name={null}
+        indentWidth={2}
+        collapsed={1}
+        displayDataTypes={false}
+        displayObjectSize={false}
+        enableClipboard={false}
+        style={{ height: "100%", overflowY: "scroll" }}
+      />
     </Resizable>
   );
 }