Use react fragment with key property in loop

[MAILPOET-3469]
2021-06-09 16:15:59 +02:00
parent f3bd457c3a
commit 5035fc0f33
1 changed files with 2 additions and 2 deletions
--- a/assets/js/src/segments/dynamic/form.tsx
+++ b/assets/js/src/segments/dynamic/form.tsx
@@ -106,7 +106,7 @@ export const Form: React.FunctionComponent<Props> = ({
          </Heading>
          <ConditionType />
          {Array.isArray(filterRows) && filterRows.map((filterRow, index) => (
-            <>
+            <React.Fragment key={filterRow.index}>
              <Grid.ThreeColumns>
                {filterRows.length > 1 && (
                  <a
@@ -143,7 +143,7 @@ export const Form: React.FunctionComponent<Props> = ({
                )}
              </Grid.ThreeColumns>
              <FilterSeparator index={index} />
-            </>
+            </React.Fragment>
          ))}
          <Button
            type="button"