[Search] Stop rerendering connector pages unnecessarily (#189103)

## Summary This stops the connector tabs from incessantly re-rendering.
elastic · Jul 25, 2024 · a35d317 · a35d317
1 parent bfb24ef
commit a35d317
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/...c/applications/enterprise_search_content/components/connector_detail/connector_detail.tsx b/...c/applications/enterprise_search_content/components/connector_detail/connector_detail.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { useParams } from 'react-router-dom';
 
 import { useActions, useValues } from 'kea';
@@ -236,7 +236,7 @@ export const ConnectorDetail: React.FC = () => {
     ...CONFIG_TAB,
   ];
 
-  const selectedTab = tabs.find((tab) => tab.id === tabId);
+  const selectedTab = useMemo(() => tabs.find((tab) => tab.id === tabId), [tabId]);
 
   return (
     <EnterpriseSearchContentPageTemplate