diff --git a/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx b/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx index ed0d9b2b57..e23171dfc7 100644 --- a/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx +++ b/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx @@ -547,11 +547,11 @@ export const AccessPolicyTable = ({ handleChange={element => { if (element) { const matchingRole = roles.find(role => role.name === element.value); - arrayHelpers.replace(formik.values.policies.findIndex(p => p === policy), { - ...policy, - role: element.value, - user: matchingRole ? matchingRole.user : undefined, - }); + formik.setFieldValue(`policies.${index}.role`, element.value); + formik.setFieldValue( + `policies.${index}.user`, + matchingRole ? matchingRole.user : undefined, + ); } }} placeholder={ @@ -591,10 +591,7 @@ export const AccessPolicyTable = ({ : "false" }`} onChange={(read: React.ChangeEvent) => - arrayHelpers.replace(formik.values.policies.findIndex(p => p === policy), { - ...policy, - read: read.target.checked, - }) + formik.setFieldValue(`policies.${index}.read`, read.target.checked) } /> @@ -618,11 +615,7 @@ export const AccessPolicyTable = ({ : "false" }`} onChange={(write: React.ChangeEvent) => - arrayHelpers.replace(formik.values.policies.findIndex(p => p === policy), { - ...policy, - write: - write.target.checked, - }) + formik.setFieldValue(`policies.${index}.write`, write.target.checked) } />