Change TagsInput onRemove to copy correctly

mantinedev · Nov 9, 2024 · 9af1918 · 9af1918
1 parent fbcee92
commit 9af1918
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/@mantine/core/src/components/TagsInput/TagsInput.tsx b/packages/@mantine/core/src/components/TagsInput/TagsInput.tsx
@@ -256,7 +256,6 @@ export const TagsInput = factory<TagsInputFactory>((_props, ref) => {
     if ((!isDuplicate || (isDuplicate && allowDuplicates)) && _value.length < maxTags!) {
       onOptionSubmit?.(val);
       setSearchValue('');
-
       if (val.length > 0) {
         setValue([..._value, val]);
       }
@@ -336,8 +335,9 @@ export const TagsInput = factory<TagsInputFactory>((_props, ref) => {
       key={`${item}-${index}`}
       withRemoveButton={!readOnly}
       onRemove={() => {
-        _value.splice(index, 1);
-        setValue([..._value]);
+        const next_value = _value.slice();
+        next_value.splice(index, 1);
+        setValue(next_value);
         onRemove?.(item);
       }}
       unstyled={unstyled}