Merge pull request #15758 from openshift-cherrypick-robot/cherry-pick-15745-to-release-4.20

[release-4.20] OCPBUGS-65900: Fix unnecessary rerenders with pod-connect

Author: openshift-merge-bot[bot]

frontend/public/components/pod-connect.tsx

@@ -69,15 +69,18 @@ export const PodConnect: React.FCC<PodConnectProps> = ({
 
   const containers = useMemo(() => _.keyBy(_.get(obj, 'spec.containers', []), 'name'), [obj]);
 
+  const podName = useMemo(() => obj.metadata?.name || '', [obj?.metadata?.name]);
+  const namespace = useMemo(() => obj.metadata?.namespace || 'default', [obj?.metadata?.namespace]);
+  // We are being more specific with the dependency array here to avoid additional rerenders when other fields in obj changes
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  const isWindows = useMemo(() => isWindowsPod(obj), [obj?.spec?.tolerations]);
+
   const connect = useCallback(() => {
-    const {
-      metadata: { name, namespace },
-    } = obj;
     const usedClient = isOpenShift ? 'oc' : 'kubectl';
-    const command = isWindowsPod(obj) ? ['cmd'] : ['sh', '-i', '-c', 'TERM=xterm sh'];
+    const command = isWindows ? ['cmd'] : ['sh', '-i', '-c', 'TERM=xterm sh'];
     const params = {
       ns: namespace,
-      name,
+      name: podName,
       path: attach ? ATTACH_COMMAND : EXEC_COMMAND,
       queryParams: {
         stdout: '1',
@@ -100,7 +103,7 @@ export const PodConnect: React.FCC<PodConnectProps> = ({
     const subprotocols = impersonate.subprotocols.concat('base64.channel.k8s.io');
 
     let previous = '';
-    wsRef.current = new WSFactory(`${name}-terminal`, {
+    wsRef.current = new WSFactory(`${podName}-terminal`, {
       host: 'auto',
       reconnect: true,
       path: resourceURL(PodModel, params),
@@ -141,7 +144,7 @@ export const PodConnect: React.FCC<PodConnectProps> = ({
       })
       // eslint-disable-next-line no-console
       .onerror((evt: any) => console.error(`WS error?! ${evt}`));
-  }, [obj, attach, activeContainer, t, isOpenShift]);
+  }, [podName, namespace, isWindows, attach, activeContainer, t, isOpenShift]);
 
   // Connect on mount and when dependencies change
   useEffect(() => {