Fix inspector hidden state

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
-        <ReactJson
+        theme="monokai"
-          theme="monokai"
+        src={{
-          src={{
+          ...state,
-            ...state,
+          roomStateEvents,
-            roomStateEvents,
+          toDeviceEvents,
-            toDeviceEvents,
+          toDeviceEventsByCall,
-            toDeviceEventsByCall,
+        }}
-          }}
+        name={null}
-          name={null}
+        indentWidth={2}
-          indentWidth={2}
+        collapsed={1}
-          collapsed={1}
+        displayDataTypes={false}
-          displayDataTypes={false}
+        displayObjectSize={false}
-          displayObjectSize={false}
+        enableClipboard={false}
-          enableClipboard={false}
+        style={{ height: "100%", overflowY: "scroll" }}
-          style={{ height: "100%", overflowY: "scroll" }}
+      />
-        />
-      )}
     </Resizable>
   );
 }