From ac619cbbe2752d723baa1d2116c7aa79563a40d2 Mon Sep 17 00:00:00 2001
From: Laurent Nguyen <laurent.nguyen@microsoft.com>
Date: Thu, 14 Nov 2024 17:08:19 +0100
Subject: [PATCH] Fix: avoid setting undefined for preferredSize for the
 <Allotment.Pane>

---
 src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx b/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
index aee9d1bcb..2347e0822 100644
--- a/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
+++ b/src/Explorer/Tabs/QueryTab/QueryTabComponent.tsx
@@ -739,7 +739,12 @@ class QueryTabComponentImpl extends React.Component<QueryTabComponentImplProps,
               this.setState({ queryViewSizePercent }, () => this.saveQueryTabStateDebounced());
             }}
           >
-            <Allotment.Pane data-test="QueryTab/EditorPane" preferredSize={`${this.state.queryViewSizePercent}%`}>
+            <Allotment.Pane
+              data-test="QueryTab/EditorPane"
+              preferredSize={
+                this.state.queryViewSizePercent !== undefined ? `${this.state.queryViewSizePercent}%` : undefined
+              }
+            >
               <EditorReact
                 ref={this.queryEditor}
                 className={this.props.styles.queryEditor}