diff --git a/src/components/utils/baseComponents.tsx b/src/components/utils/baseComponents.tsx
index 463c61dbbcbdb8fec6597d24c93721fd9a0ce09e..f88e18bafe7ce5045a27f91edd3969075336b3e1 100644
--- a/src/components/utils/baseComponents.tsx
+++ b/src/components/utils/baseComponents.tsx
@@ -9,6 +9,7 @@ export type LabelPlacement = "outside" | "outside-left";
 
 type BaseInputProps = {
   // basic info
+  name?: string; // allow for FormData to work
   label: string;
   labelPlacement: LabelPlacement;
   labelClass: string;
@@ -86,6 +87,7 @@ export const baseInputClassNames = (
 };
 
 export const BaseInput = ({
+  name,
   label,
   labelPlacement = "outside",
   labelClass,
@@ -114,6 +116,7 @@ export const BaseInput = ({
           customColor={labelCustomColor}
         />
       }
+      name={name}
       endContent={endContent}
       placeholder={placeholder}
       value={value}