Correcting key position in looping component

This commit is contained in:
2025-05-13 20:31:00 +02:00
parent 0731ac3b6e
commit 5a3b87e82c

View File

@@ -2,7 +2,7 @@ import TextField from "@mui/material/TextField";
import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker"; import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
import Autocomplete from "@mui/material/Autocomplete"; import Autocomplete from "@mui/material/Autocomplete";
import { FirmContext } from "../../../contexts/FirmContext"; import { FirmContext } from "../../../contexts/FirmContext";
import { useContext } from "react"; import { Fragment, useContext } from "react";
import { Box, Grid2, styled } from "@mui/material"; import { Box, Grid2, styled } from "@mui/material";
import Stack from "@mui/material/Stack"; import Stack from "@mui/material/Stack";
import dayjs from "dayjs"; import dayjs from "dayjs";
@@ -25,9 +25,9 @@ const FilterForm = (props: FilterFormProps) => {
let currentValue = values let currentValue = values
const formField = fields.filter(f => f.name != "search").map((f, index) => const formField = fields.filter(f => f.name != "search").map((f, index) =>
<> <Fragment key={`${f.name}-${index}`} >
{ f.name == "created_at" && <Box width="100%" key={`created_at_break-${index}`} /> } { f.name == "created_at" && <Box width="100%" /> }
<Grid2 size={6} key={`${f.name}-${index}`} > <Grid2 size={6}>
<FilterFormField <FilterFormField
field={f} field={f}
value={values.hasOwnProperty(f.name) ? values[f.name] : {}} value={values.hasOwnProperty(f.name) ? values[f.name] : {}}
@@ -53,7 +53,7 @@ const FilterForm = (props: FilterFormProps) => {
}} }}
/> />
</Grid2> </Grid2>
</> </Fragment>
); );
return ( return (