Merge pull request #33 from csandman/csandman/tag-remove-fix

Csandman/tag remove fix
csandman · Jan 12, 2022 · a3b165c · a3b165c
2 parents 345b022 + 4b84032
commit a3b165c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "chakra-react-select",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "A chakra-ui wrapper for the popular select library react-select",
   "license": "MIT",
   "author": "Chris Sandvik <chris.sandvik@gmail.com>",

diff --git a/src/chakra-components.tsx b/src/chakra-components.tsx
@@ -471,8 +471,12 @@ const MultiValueRemove = <
   }
 
   return (
+    // @ts-ignore the `innerProps` type is not compatible with the props
+    // accepted by the `TagCloseButton`. The most likely solution in the long
+    // term is using a `chakra.button` instead of a TagCloseButton and styling
+    // it using the multi style config of a tag close button.
     <TagCloseButton
-      className={innerProps.className}
+      {...innerProps}
       sx={sx}
       tabIndex={-1}
       data-focus={isFocused ? true : undefined}