From d591e0d4a4b67a9f63adf44ad17c1210c1e77ea9 Mon Sep 17 00:00:00 2001
From: Jon Koops <jonkoops@gmail.com>
Date: Wed, 17 Nov 2021 12:45:29 +0100
Subject: [PATCH] Remove hack for mounting JSON editor (#1565)

---
 src/realm-settings/UserProfileTab.tsx | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/realm-settings/UserProfileTab.tsx b/src/realm-settings/UserProfileTab.tsx
index 03a037127b..68121bb649 100644
--- a/src/realm-settings/UserProfileTab.tsx
+++ b/src/realm-settings/UserProfileTab.tsx
@@ -60,6 +60,7 @@ export const UserProfileTab = () => {
     <Tabs
       activeKey={activeTab}
       onSelect={(_, key) => setActiveTab(key.toString())}
+      mountOnEnter
     >
       <Tab
         eventKey="attributes"
@@ -73,17 +74,11 @@ export const UserProfileTab = () => {
         eventKey="jsonEditor"
         title={<TabTitleText>{t("jsonEditor")}</TabTitleText>}
       >
-        {/** The code editor needs to be rendered conditionally to prevent it from being initialized
-         * while the tab contents are hidden. If the contents of the tab are hidden then it
-         * might not initialize correctly.
-         */}
-        {activeTab === "jsonEditor" && (
-          <JsonEditorTab
-            profiles={profiles}
-            onSave={onSave}
-            isSaving={isSaving}
-          />
-        )}
+        <JsonEditorTab
+          profiles={profiles}
+          onSave={onSave}
+          isSaving={isSaving}
+        />
       </Tab>
     </Tabs>
   );