fix: use a key that triggers an update (#1128)

qlik-oss · Mar 12, 2023 · e94522f · e94522f
1 parent 46b678d
commit e94522f
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/...nucleus/src/components/listbox/components/ListBoxRowColumn/components/FieldWithRanges.jsx b/...nucleus/src/components/listbox/components/ListBoxRowColumn/components/FieldWithRanges.jsx
@@ -5,16 +5,19 @@ import ValueField from './ValueField';
 function LabelsWithRanges({ labels, dense, showGray, checkboxes }) {
   return (
     <>
-      {labels.map(([label, highlighted]) => (
-        <ValueField
-          label={label}
-          key={label}
-          highlighted={highlighted}
-          dense={dense}
-          showGray={showGray}
-          checkboxes={checkboxes}
-        />
-      ))}
+      {labels.map(([label, highlighted], index) => {
+        const key = `${index}`;
+        return (
+          <ValueField
+            label={label}
+            key={key}
+            highlighted={highlighted}
+            dense={dense}
+            showGray={showGray}
+            checkboxes={checkboxes}
+          />
+        );
+      })}
     </>
   );
 }