ionav updated

src/Components/FormInputView.jsx

@@ -30,16 +30,16 @@ const FormInputView = ({
     <form>
       {Object?.entries(groupedFields, groupedFieldsTwo).map(
         ([section, fields], index) => (
-          <Box key={section}>
+          <Box key={index}>
             <Heading as="h6" size="xs" mt={index === 0 ? 3 : 4}>
               {section}
             </Heading>
             {/* <Box display={"flex"} gap={0}> */}
-            <Box width={"100%"} display={"flex"} flexWrap={"wrap"} gap={4}>
+            <Box key={index} width={"100%"} display={"flex"} flexWrap={"wrap"} gap={4}>
               {fields.map(
                 ({ value, label, id, width, btn, arabic, type, align }, key) =>
                   type === "table" ? (
-                    <Table w={"100%"} variant="simple">
+                    <Table key={id} w={"100%"} variant="simple">
                       <Thead>
                         <Tr>
                           {value?.map((item, index) => (
@@ -121,7 +121,7 @@ const FormInputView = ({
                       </Tbody>
                     </Table>
                   ) : (
-                    <Box w={!width ? "49%" : width}>
+                    <Box key={id} w={!width ? "49%" : width}>
                       <FormLabel key={id} color={"gray.500"} fontSize={"xs"}>
                         {label}
                       </FormLabel>