frontend: Memoize useClustersConf response

Signed-off-by: Oleksandr Dubenko <[email protected]>
headlamp-k8s · Dec 6, 2024 · 048e2ab · 048e2ab
1 parent f30c213
commit 048e2ab
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/lib/k8s/index.ts b/frontend/src/lib/k8s/index.ts
@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import React from 'react';
+import React, { useMemo } from 'react';
 import { matchPath, useLocation } from 'react-router-dom';
 import { ConfigState } from '../../redux/configSlice';
 import { useTypedSelector } from '../../redux/reducers/reducers';
@@ -94,7 +94,7 @@ export function useClustersConf(): ConfigState['allClusters'] {
     Object.assign(allClusters, statelessClusters);
   }
 
-  return allClusters;
+  return useMemo(() => allClusters, [Object.keys(allClusters).join(',')]);
 }
 
 export function useCluster() {