From 0c562150f588ca46bb39f5ec8e3196ca6675c49a Mon Sep 17 00:00:00 2001
From: x032205 <x032205@gmail.com>
Date: Tue, 12 Aug 2025 16:02:43 -0700
Subject: [PATCH] Add memo to availableConnections to fix infinite re-render
 issue

---
 .../components/ExternalCaModal.tsx                     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/cert-manager/CertificateAuthoritiesPage/components/ExternalCaModal.tsx b/frontend/src/pages/cert-manager/CertificateAuthoritiesPage/components/ExternalCaModal.tsx
index faba9ef37..e0bc547e0 100644
--- a/frontend/src/pages/cert-manager/CertificateAuthoritiesPage/components/ExternalCaModal.tsx
+++ b/frontend/src/pages/cert-manager/CertificateAuthoritiesPage/components/ExternalCaModal.tsx
@@ -1,4 +1,4 @@
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { SingleValue } from "react-select";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -128,10 +128,10 @@ export const ExternalCaModal = ({ popUp, handlePopUpToggle }: Props) => {
       enabled: caType === CaType.ACME
     });
 
-  const availableConnections: TAvailableAppConnection[] = [
-    ...(availableRoute53Connections || []),
-    ...(availableCloudflareConnections || [])
-  ];
+  const availableConnections: TAvailableAppConnection[] = useMemo(
+    () => [...(availableRoute53Connections || []), ...(availableCloudflareConnections || [])],
+    [availableRoute53Connections, availableCloudflareConnections]
+  );
 
   const isPending = isRoute53Pending || isCloudflarePending;