HDDS-14544. OM DB Insights: Duplicate API calls triggered when changing limit selector (#10677).

Author: anuragp010

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/tables/insights/containerMismatchTable.tsx

@@ -80,7 +80,6 @@ const ContainerMismatchTable: React.FC<ContainerMismatchTableProps> = ({
     DEFAULT_MISMATCH_RESPONSE,
     {
       retryAttempts: 2,
-      initialFetch: false,
       onError: (error) => showDataFetchError(error)
     }
   );
@@ -92,11 +91,6 @@ const ContainerMismatchTable: React.FC<ContainerMismatchTableProps> = ({
     }
   }, [mismatchData.data]);
 
-  // Refetch when limit or missingIn changes
-  useEffect(() => {
-    mismatchData.refetch();
-  }, [limit.value, missingIn]);
-
   const handleExistAtChange: FilterMenuProps['onClick'] = ({ key }) => {
     if (key === 'OM') {
       setMissingIn('SCM');

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/tables/insights/deletePendingDirsTable.tsx

@@ -87,7 +87,6 @@ const DeletePendingDirTable: React.FC<DeletePendingDirTableProps> = ({
     DEFAULT_DELETE_PENDING_DIRS_RESPONSE,
     {
       retryAttempts: 2,
-      initialFetch: false,
       onError: (error) => showDataFetchError(error)
     }
   );
@@ -99,11 +98,6 @@ const DeletePendingDirTable: React.FC<DeletePendingDirTableProps> = ({
     }
   }, [deletePendingDirsData.data]);
 
-  // Refetch when limit changes
-  useEffect(() => {
-    deletePendingDirsData.refetch();
-  }, [limit.value]);
-
   function filterData(data: DeletedDirInfo[] | undefined) {
     return data?.filter(
       (data: DeletedDirInfo) => data.key.includes(debouncedSearch)

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/tables/insights/deletePendingKeysTable.tsx

@@ -101,7 +101,6 @@ const DeletePendingKeysTable: React.FC<DeletePendingKeysTableProps> = ({
     DEFAULT_DELETE_PENDING_KEYS_RESPONSE,
     {
       retryAttempts: 2,
-      initialFetch: false,
       onError: (error) => showDataFetchError(error)
     }
   );
@@ -136,11 +135,6 @@ const DeletePendingKeysTable: React.FC<DeletePendingKeysTableProps> = ({
     }
   }, [deletePendingKeysData.data]);
 
-  // Refetch when limit changes
-  useEffect(() => {
-    deletePendingKeysData.refetch();
-  }, [limit.value]);
-
   function filterData(data: DeletePendingKeysColumns[] | undefined) {
     return data?.filter(
       (data: DeletePendingKeysColumns) => data.keyName.includes(debouncedSearch)

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/components/tables/insights/deletedContainerKeysTable.tsx

@@ -98,7 +98,6 @@ const DeletedContainerKeysTable: React.FC<DeletedContainerKeysTableProps> = ({
     DEFAULT_DELETED_CONTAINER_KEYS_RESPONSE,
     {
       retryAttempts: 2,
-      initialFetch: false,
       onError: (error) => showDataFetchError(error)
     }
   );
@@ -110,11 +109,6 @@ const DeletedContainerKeysTable: React.FC<DeletedContainerKeysTableProps> = ({
     }
   }, [deletedContainerKeysData.data]);
 
-  // Refetch when limit changes
-  useEffect(() => {
-    deletedContainerKeysData.refetch();
-  }, [limit.value]);
-
   function filterData(data: Container[] | undefined) {
     return data?.filter(
       (data: Container) => data.containerId.toString().includes(debouncedSearch)

hadoop-ozone/recon/src/main/resources/webapps/recon/ozone-recon-web/src/v2/pages/insights/omInsights.tsx

@@ -118,7 +118,7 @@ const OMDBInsights: React.FC<{}> = () => {
     </div>
     <div style={{ padding: '24px' }}>
       <div className='content-div'>
-        <Tabs defaultActiveKey={activeTab ?? '1'}>
+        <Tabs defaultActiveKey={activeTab ?? '1'} destroyInactiveTabPane>
           <Tabs.TabPane key='1' tab={
             <label>
               Container Mismatch Info