From 69b0e129e04e60a88ea6361d574caee602d18c36 Mon Sep 17 00:00:00 2001
From: x032205 <x032205@gmail.com>
Date: Mon, 6 Oct 2025 14:12:44 -0400
Subject: [PATCH] fix pam forms

---
 .../PamAccountForm/GenericAccountFields.tsx     | 17 +++++++----------
 .../components/PamFolderForm.tsx                | 14 +++++++-------
 .../PamResourceForm/GenericResourceFields.tsx   | 11 ++++-------
 3 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/GenericAccountFields.tsx b/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/GenericAccountFields.tsx
index c20800b9e..30e7aaa4d 100644
--- a/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/GenericAccountFields.tsx
+++ b/frontend/src/pages/pam/PamAccountsPage/components/PamAccountForm/GenericAccountFields.tsx
@@ -10,21 +10,18 @@ export const genericAccountFieldsSchema = z.object({
 });
 
 export const GenericAccountFields = () => {
-  const {
-    formState: { errors },
-    control
-  } = useFormContext<{ name: string; description: string }>();
+  const { control } = useFormContext<{ name: string; description: string }>();
 
   return (
     <>
       <Controller
         name="name"
         control={control}
-        render={({ field }) => (
+        render={({ field, fieldState: { error } }) => (
           <FormControl
             helperText="Name must be slug-friendly"
-            errorText={errors.name?.message}
-            isError={Boolean(errors.name?.message)}
+            errorText={error?.message}
+            isError={Boolean(error?.message)}
             label="Name"
           >
             <Input autoFocus placeholder="my-account" {...field} />
@@ -34,10 +31,10 @@ export const GenericAccountFields = () => {
       <Controller
         name="description"
         control={control}
-        render={({ field }) => (
+        render={({ field, fieldState: { error } }) => (
           <FormControl
-            errorText={errors.name?.message}
-            isError={Boolean(errors.name?.message)}
+            errorText={error?.message}
+            isError={Boolean(error?.message)}
             label="Description"
           >
             <TextArea {...field} />
diff --git a/frontend/src/pages/pam/PamAccountsPage/components/PamFolderForm.tsx b/frontend/src/pages/pam/PamAccountsPage/components/PamFolderForm.tsx
index 99b9db317..dee216a52 100644
--- a/frontend/src/pages/pam/PamAccountsPage/components/PamFolderForm.tsx
+++ b/frontend/src/pages/pam/PamAccountsPage/components/PamFolderForm.tsx
@@ -34,7 +34,7 @@ export const PamFolderForm = ({ folder, onSubmit }: Props) => {
   const {
     control,
     handleSubmit,
-    formState: { isSubmitting, isDirty, errors }
+    formState: { isSubmitting, isDirty }
   } = form;
 
   return (
@@ -47,11 +47,11 @@ export const PamFolderForm = ({ folder, onSubmit }: Props) => {
         <Controller
           name="name"
           control={control}
-          render={({ field }) => (
+          render={({ field, fieldState: { error } }) => (
             <FormControl
               helperText="Name must be slug-friendly"
-              errorText={errors.name?.message}
-              isError={Boolean(errors.name?.message)}
+              errorText={error?.message}
+              isError={Boolean(error?.message)}
               label="Name"
             >
               <Input autoFocus placeholder="my-folder" {...field} />
@@ -61,10 +61,10 @@ export const PamFolderForm = ({ folder, onSubmit }: Props) => {
         <Controller
           name="description"
           control={control}
-          render={({ field }) => (
+          render={({ field, fieldState: { error } }) => (
             <FormControl
-              errorText={errors.name?.message}
-              isError={Boolean(errors.name?.message)}
+              errorText={error?.message}
+              isError={Boolean(error?.message)}
               label="Description"
               isOptional
             >
diff --git a/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/GenericResourceFields.tsx b/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/GenericResourceFields.tsx
index ff340153f..5b6eb7256 100644
--- a/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/GenericResourceFields.tsx
+++ b/frontend/src/pages/pam/PamResourcesPage/components/PamResourceForm/GenericResourceFields.tsx
@@ -14,21 +14,18 @@ export const genericResourceFieldsSchema = z.object({
 export const GenericResourceFields = () => {
   const { data: gateways, isPending: isGatewaysLoading } = useQuery(gatewaysQueryKeys.list());
 
-  const {
-    formState: { errors },
-    control
-  } = useFormContext<{ name: string; gatewayId: string }>();
+  const { control } = useFormContext<{ name: string; gatewayId: string }>();
 
   return (
     <>
       <Controller
         name="name"
         control={control}
-        render={({ field }) => (
+        render={({ field, fieldState: { error } }) => (
           <FormControl
             helperText="Name must be slug-friendly"
-            errorText={errors.name?.message}
-            isError={Boolean(errors.name?.message)}
+            errorText={error?.message}
+            isError={Boolean(error?.message)}
             label="Name"
           >
             <Input autoFocus placeholder="my-resource" {...field} />