From a4d1f17e00f38f6ffbcee98e31476726f1537f91 Mon Sep 17 00:00:00 2001
From: Qi Liu <liuqi@microsoft.com>
Date: Mon, 20 Nov 2023 16:56:10 -0800
Subject: [PATCH] update

---
 client-react/src/pages/app/app-settings/AppSettingsForm.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client-react/src/pages/app/app-settings/AppSettingsForm.tsx b/client-react/src/pages/app/app-settings/AppSettingsForm.tsx
index da83ad7775..1f4a1adb6f 100644
--- a/client-react/src/pages/app/app-settings/AppSettingsForm.tsx
+++ b/client-react/src/pages/app/app-settings/AppSettingsForm.tsx
@@ -35,7 +35,7 @@ const AppSettingsForm: React.FC<AppSettingsFormProps> = props => {
   const scenarioCheckerRef = useRef(new ScenarioService(t));
   const scenarioChecker = scenarioCheckerRef.current!;
 
-  const [showAppSettings, setShowAppSettings] = useState(false);
+  const [showAppSettings, setShowAppSettings] = useState<boolean | undefined>(undefined);
 
   const generalSettingsDirtyCheck = () => {
     return generalSettingsDirty(values, initialValues);
@@ -92,7 +92,9 @@ const AppSettingsForm: React.FC<AppSettingsFormProps> = props => {
 
   return (
     <>
-      {showAppSettings ? null : <CustomBanner type={MessageBarType.info} message={t('directToEnvironmentVariablesInfoMessage')} />}
+      {showAppSettings || showAppSettings == undefined ? null : (
+        <CustomBanner type={MessageBarType.info} message={t('directToEnvironmentVariablesInfoMessage')} />
+      )}
       <Pivot getTabId={getPivotTabId} defaultSelectedKey={tab} overflowBehavior={OverflowBehavior.menu}>
         {showAppSettings ? (
           <PivotItem