fix: initial default tab query param

splunk · Mar 31, 2021 · 2d4d7dd · 2d4d7dd
1 parent a4a0542
commit 2d4d7dd
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/...add_on_ucc_framework/ucc_ui_lib/src/main/webapp/pages/Configuration/ConfigurationPage.jsx b/...add_on_ucc_framework/ucc_ui_lib/src/main/webapp/pages/Configuration/ConfigurationPage.jsx
@@ -38,11 +38,19 @@ function ConfigurationPage() {
         }
     }, [history.location.search]);
 
-    const handleChange = (e, { selectedTabId }) => {
+    // Run only once to set initial default tab query param
+    useEffect(() => {
+        if (!query.get('tab')) {
+            query.set('tab', activeTabId);
+            history.push({ search: query.toString() });
+        }
+    }, []);
+
+    const handleChange = useCallback((e, { selectedTabId }) => {
         setActiveTabId(selectedTabId);
         query.set('tab', selectedTabId);
         history.push({ search: query.toString() });
-    };
+    }, []);
 
     return (
         <ErrorBoundary>