Добрый день, столкнулся с проблемой такого рода. Если вывожу так

Question

Добрый день, столкнулся с проблемой такого рода. Если вывожу так

то ESLint ругается на вывод и выдает такую ошибку, если оберну это дело в Fragment то все ок, но линтер начинает выдавать Предупреждение о том что фрагмент должен содержать 1+ дочерних элементов ( логично ). Может глаз замылился, или уже могз не работает. Пните в нужном направление.

<FormGroup className={classes.formGroup}>
<FieldArray
name={address.name}
render={({ insert, remove, push }) => {
const addressInitialValue: any = initialValues[address.name];
return (
{ addressInitialValue.length > 0 &&
addressInitialValue.map((addressMap: any, index: number) => (
<Grid key={index} className={classes.formGroup} container spacing={2}>
<Grid item xs>
<Field
component={FormikTextField}
label="Юридический адрес организации"
placeholder="Введите юридический адрес организации"
name={`${address.name}.${index}`}
variant="outlined"
fullWidth
/>
</Grid>
<Grid item>
<IconButton
color="primary"
onClick={index > 0 ? () => remove(index) : () => push('')}
>
{index > 0 ? <CloseIcon /> : <AddIcon />}
</IconButton>
</Grid>
</Grid>
))}
);
}}
/>
</FormGroup>