fix: update ant, chakra, mui to use key as the value for SelectField

Author: adityacodepublic

packages/ant/src/components/SelectField.tsx

@@ -14,7 +14,7 @@ export const SelectField: React.FC<AutoFormFieldProps> = ({
   const options =
     field.options?.map((option) => ({
       label: option[1],
-      value: option[1],
+      value: option[0],
     })) || [];
   return (
     <Select

packages/chakra/src/components/autoform/SelectField.tsx

@@ -22,7 +22,7 @@ export const SelectField: React.FC<AutoFormFieldProps> = ({
     items:
       field.options?.map((option) => ({
         label: option[1],
-        value: option[1],
+        value: option[0],
       })) || [],
   });
 

packages/mui/src/components/SelectField.tsx

@@ -10,7 +10,7 @@ export const SelectField: React.FC<AutoFormFieldProps> = ({
 }) => (
   <Select error={!!error} fullWidth {...inputProps}>
     {(field.options || []).map(([key, label]) => (
-      <MenuItem key={key} value={label}>
+      <MenuItem key={key} value={key}>
         {label}
       </MenuItem>
     ))}