diff --git a/src/frontend/src/components/grievances/EditPeopleDataChange/EditPeopleDataChangeField.tsx b/src/frontend/src/components/grievances/EditPeopleDataChange/EditPeopleDataChangeField.tsx
index b11ada2726d..9d920d067f7 100644
--- a/src/frontend/src/components/grievances/EditPeopleDataChange/EditPeopleDataChangeField.tsx
+++ b/src/frontend/src/components/grievances/EditPeopleDataChange/EditPeopleDataChangeField.tsx
@@ -62,11 +62,6 @@ export const EditPeopleDataChangeField = ({
         fieldProps = {
           component: FormikAsyncAutocomplete,
           restEndpoint: 'adminAreas',
-          fetchData: (data) =>
-            data?.results?.map((area) => ({
-              labelEn: `${area.name} - ${area.pCode}`,
-              value: area.pCode,
-            })),
           variables: {
             businessArea,
           },
diff --git a/src/frontend/src/shared/Formik/FormikAsyncAutocomplete/FormikAsyncAutocomplete.tsx b/src/frontend/src/shared/Formik/FormikAsyncAutocomplete/FormikAsyncAutocomplete.tsx
index 2810973f0e8..d49dd0bc938 100644
--- a/src/frontend/src/shared/Formik/FormikAsyncAutocomplete/FormikAsyncAutocomplete.tsx
+++ b/src/frontend/src/shared/Formik/FormikAsyncAutocomplete/FormikAsyncAutocomplete.tsx
@@ -26,8 +26,9 @@ export function FormikAsyncAutocomplete({
 
   // Default fetch data function for admin areas
   const defaultFetchData = (data: any) => {
-    if (!data?.results) return [];
-    return data.results.map((area: any) => ({
+    const items = Array.isArray(data) ? data : data?.results;
+    if (!items) return [];
+    return items.map((area: any) => ({
       labelEn: `${area.name} - ${area.pCode}`,
       value: area.pCode,
     }));